吏小加 2018-04-26 11:12 采纳率: 100%
浏览 1697
已采纳

为什么在某些情况下用jQuery中的"attr()"方法设置样式却没有效果？

RT，为什么在某些情况下用jQuery中的"attr()"方法设置样式却没有效果？
具体如图所示：
图片说明
类似“filter:blur(30px);”这类CSS样式应该怎样正确使用“attr()”方法进行修改？

  • 写回答

4条回答 默认 最新

  • mango_love 2018-04-26 11:33
    关注

    jq里面的attr其实就是js里面attribute操作，所以你要在标签里面去操作css，那么直接添加一个style。。。
    例如：$('#a').attr('style','display:none');
    你的那个attr操作，其实只是在标签里面添加了一个filter属性而已，我应该是解释明白了，希望能够帮助你

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • 用jquery的attr方法实现图片切换效果
    2020-10-20 12:43
    本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数，通过该方法可以方便地实现元素属性的动态修改，进而达到图片切换的目的。 首先...
  • jquery更改元素属性attr()方法操作示例
    2020-10-15 07:22
    3. 动态设置属性值：如果需要在某些事件发生时动态改变属性值，可以使用函数作为参数的方式，例如点击按钮减小图片宽度的示例代码为 $("button").click(function(){ $("img").attr("width", function(n, v){ return ...
  • JQuery实现样式设置、追加、移除与切换的方法
    2020-10-24 02:51
    JQuery是前端开发中非常流行的JavaScript库，它提供了一系列简洁的方法来简化DOM操作，其中包括对元素样式的设置、追加、移除和切换等操作。这些操作是前端开发中常见的需求，用于控制网页元素的显示和风格。 首先...
  • jquery html()样式悠效,jquery怎么用attr()方法判断改变css样式？
    2021-06-26 10:06
    阿弥陀佛 我是小胖的博客 jquery怎么用attr()方法判断改变css样式？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。jquery中用attr()方法用于设置或返回被选元素的属性值；根据该方法不同的...
  • jQuery前端UI框架表单样式代码
    2021-07-24 19:38
    本资源“jQuery前端UI框架表单样式代码”是专门为开发者设计的一款工具，旨在帮助他们构建具有美观界面和高效交互的前端表单。这个框架允许开发者根据需求自定义表单元素的样式和参数，同时提供了丰富的特效选项，...
  • jQuery中的css()和attr()方法有什么区别？
    2023-10-04 12:04
    翠绿山川间探索冒险的博客 在jQuery中，css()和attr()是两个常用的方法，用于操作HTML元素的样式和属性。如果需要修改元素的样式属性，应使用css()方法；如果需要修改元素的属性值，应使用attr()方法。示例1：获取元素的属性值。
  • jQuery设置attr（）对样式属性失效的原因
    2022-10-29 10:10
    HGYYR的博客 jQuery的attr（）设置样式属性失效原因
  • jquery设置html样式无效果,jq css()设置不了display？
    2021-06-10 17:22
    好爱赵辰龙的博客 这篇文章主要介绍了jquery 设置style:display的方法以及失效的原因，需要的朋友可以参考下。jq css()设置不了display？原因：● css选择器写错● 元素具有优先级更高的 !important样式(相关课程推荐：jQuery教程)...
  • 前端jquery练习网页
    2023-10-12 02:36
    在jQuery中，你可以使用 `.css()` 方法动态改变元素的样式。例如，`$("#myElement").css("color", "red")` 将改变指定元素的文字颜色为红色。 `html` 文件夹内的文件构成了网页的结构。HTML (HyperText Markup ...
  • Jquery设置attr的disabled属性控制某行显示或者隐藏
    2020-10-25 09:58
    在本例中，我们将利用attr()函数来设置disabled属性，这是一个布尔型属性，当其存在时，表示对应的输入框(input)、选择框(select)等表单元素将被禁用，即用户不能与之交互，并且它们在页面上的显示通常会呈现为灰色...
  • JQuery中操作Css样式的方法
    2020-10-26 07:16
    首先，在JQuery中获取和设置单个元素的样式，可以通过`css()`方法实现。`css()`方法可以接受两个参数，第一个参数是样式名称，第二个参数是样式的值。若只传递一个参数，则返回指定样式的值。如`$("div").css("color...
  • jQuery .attr()和.removeAttr()方法操作元素属性示例
    2020-10-27 02:48
    通过使用jQuery的.attr()方法，在:hover事件中修改元素的src和alt属性，从而实现图片的翻转效果。 总结来说，.attr()和.removeAttr()是jQuery操作DOM元素属性的两个重要方法，前者用来获取和设置属性值，后者用于...
  • jQuery中removeAttr()方法用法实例
    2020-10-24 22:57
    在网页编程和前端开发中，jQuery作为一个流行的JavaScript库，提供了许多操作DOM的便捷方法，其中之一就是`removeAttr()`方法。这个方法允许开发者从匹配的元素集合中的每一个元素上移除一个或多个属性。接下来，...
  • jQuery实现的图标导航上下滚动切换效果源码.zip
    2022-11-18 21:59
    6. **Ajax交互**：虽然在标题和描述中没有明确提及Ajax，但在某些情况下，导航条可能会与服务器进行异步交互，获取或更新数据，比如动态加载内容。 7. **插件开发**：jQuery生态系统中有大量插件，如果这个项目是...
  • jQuery库中常用方法
    2023-12-26 16:21
    Star皆空❀的博客 表单处理方法在jQuery中用于处理表单元素，如获取和设置表单字段的值、验证表单数据等。此外，这些方法还可以与其他jQuery方法结合使用，以执行更复杂的操作，如修改、删除或添加DOM元素。这些方法通常与选择器一起...
  • 基于jQuery实现多标签页切换的效果(web前端开发)
    2020-10-21 21:50
    本篇内容主要探讨如何使用jQuery来实现这一效果，提供了一种简洁高效的前端开发方法。 ### 知识点一：HTML结构设计 在实现多标签页功能之前，我们首先需要定义页面的基本结构。通常来说，一个典型的多标签页结构由...
  • 探索jQuery在前端滚动导航中的应用
    2025-05-06 03:37
    大厂前端小白菜的博客 通过本文，读者将了解到jQuery在滚动导航中的核心作用，掌握实现滚动导航的关键技术和方法，能够运用所学知识开发出高质量的前端滚动导航效果。本文预期读者为对前端开发有一定基础，希望进一步学习和掌握jQuery在...
  • jQuery实现鼠标划过修改样式的方法
    2020-12-09 23:20
    这种方法的优点是直观且易于理解，但需要注意的是，直接通过`.attr("style", "...")`来修改CSS样式可能会影响其他已定义的样式，并且不推荐在大型项目中使用，因为这可能导致样式管理混乱。更好的做法是使用CSS类（`...
  • 【前端基础篇】JavaScript之jQuery介绍
    2024-08-27 01:45
    半截诗​的博客 我们可以使⽤JQuery来操作⻚⾯对象.jQuery是⼀个快速、简洁且功能丰富的JavaScript框架, 于2006年发布. 它封装JavaScript常⽤的功能代码, 提供了简洁⽽强⼤的选择器和DOM操作⽅法. 使⽤JQuery可以轻松地选择和操作...
  • 没有解决我的问题, 去提问