用jQuery的attr()方法设置属性值无效怎么办？

最新推荐文章于 2024-05-08 08:30:00 发布
最新推荐文章于 2024-05-08 08:30:00 发布
阅读量6.7k 收藏 2
点赞数 4
分类专栏： jQuery 文章标签： attr()方法 jQuery 无效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44384778/article/details/94621922
版权

无疑的jquery是一个极其强大的前端框架，作为一名前端程序员，jQuery几乎是其必备技能，然而有时候却出现jquery失效的情况，现在我们就来讨论为何用jquery的attr方法会失效。

我有些CheckBox类型的html控件，通过一个按钮来使用jquery的attr方法来控制选中或者取消选中。

奇葩的事情发生了，我第一次选中成功，第一次取消选中也成功，然后我再次进行选中，，，失败了！
在这里插入图片描述
没错，失败了。然后我开始查找原因，我在控制台用console.info()方法将每次的checkbox的值打印出来进行观察，然后，，，没错，，，居然没错？？？，每次操作的值都是正确的，都设置成功了。这样的话那到底是什么情况呢？

果断去到jquery官网，开始查阅文档，看着看着到了jquery1.6版本后出现了一个新的方法：prop方法，也是用来控制DOM元素属性的方法

据其描述，attr方法控制的是DOM元素本身的属性的方法，而prop是控制作为js对象的DOM元素属性的方法，具体的我待会再来讨论，现在我已经迫不及待的想尝试下将attr变为prop方法来控制checkbox的选中与取消，看看结果怎么样，，，，
成功了！哈哈哈哈。。。。居然直接就成功了，好了按住兴奋，我准备去深入研究下jquery的attr方法和prop方法。

kingbow。
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【前端开发实例】JQuery 使用 attr() 操作单选框（radio）、复选框（check）不能生效 -（一）
JasonAPoint的博客
10-13 1122
JQuery 使用 attr() 操作单选框（radio）、复选框（check）无效
解决jquery操作checkbox全选全不选无法勾选问题
编程之家
08-05 1万+
解决jquery操作checkbox全选全不选无法勾选问题 最近在工作中使用jquery操作checkbox，使用下面方法进行全选、反选:$("input[name='checkbox']").attr("checked","checked");调试时，前两次都没有问题，可以正常显示选中和取消，但当再去选中的时候，复选框的属性checkbox值变为"checked"，没问题，但是复选框却不在显示选中状态，明明属性值改了，但是却不显示勾选，太诡异了。
jquery修改属性值的问题
Monster_Java的专栏
11-19 154
我想修改 的type属性值"text"成"password"，可是在浏览器里没有反应，这个是不是jquery的bug? 代码引用: $("#password").attr("type","password");//火狐里面没反应 解决方法有: $("#s_pwd").html(""); ...
jQuery 学习归纳2 --- jQuery 常用API（属性、文本、元素、尺寸位置操作）
最新发布
SPIRITE_SYF的博客
05-08 879
用户自己给元素添加的属性，我们称为自定义属性。比如给 div 添加 index =“1”。1. 获取属性语法attr(''属性'') // 类似原生 getAttribute()2. 设置属性语法attr(''属性'', ''属性值'') // 类似原生 setAttribute()
$('#checkbox').attr('checked'); 返回的是checked或者是undefined解决办法
热门推荐
03-18 4万+
$('#checkbox').attr('checked'); 返回的是checked或者是undefined，不是原来的true和false了，有关此问题的解决方法如下 在JQ1.6之前的版本，我们会这样写我们的代码：  //获取是否选中 var isChecked = $('#cb').attr('checked'); //设置选中 $('#cb').attr(
jquery小结
水曦逸
10-10 536
Attribute： $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值，参数是map $(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值 $(”img”).attr(”title”, function
jQuery设置attr（）对样式属性失效的原因
HGYYR的博客
10-29 1086
jQuery的attr（）设置样式属性失效原因
jquery的attr不生效
qq_33745371的博客
02-03 2490
使用jquery的attr()函数不生效的解决办法 问题： 如下图，当点击"我同意"后，框上应该打勾。 但是 使用$("#id")attr(“checked”,“checked”)，只有第一次能生效。 把√取消后，再次打开弹窗，点击"我同意"后，框内不会再有√了。 解决方案: 将attr()，换为prop() 类似于这样 使用场景： prop:具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用 attr:除适用prop的其他情况 ...
jQuery 更改checkbox的状态,无效的解决方法
01-19
今天写页面遇到复选框动态全选或全不选...“attr”和“prop”分别是单词“attribute”和“property”的缩写，并且它们均表示”属性”的意思。 不过，在jQuery中，“attribute”和“property”却是两个不同的概念。attri
jquery中checkbox全选失效的解决方法
01-19
如果你使用jQuery 1.6 ，代码if ( $(elem).attr(“checked”) )，将获得一个属性(attribute) ，它不改变...使用jQuery的attr方法获取和设置复选框的”checked”属性，发现第一次全选/取消全选有效，之后就无效了，但查
jquery实现商品sku多属性选择功能（商品详情页）
10-15
当用户点击某属性值时，调用`select_sku`函数，该函数会根据已选择的属性值组合，更新库存显示，并高亮当前选择。 ```javascript function select_sku(index, attr, value) { // 更新库存显示逻辑 } function ...
用Jquery获取table中td的值
03-31
- `attr=value`：通过属性值选择元素，例如`$("[rowspan='2']")`。 - 也可以通过组合使用这些选择器来更精确地定位元素。 2. **获取元素值**： - `text()`：获取元素的文本内容，例如`$("td").text()`。 - `...
jQuery自定义表单.zip
11-24
1. **表单元素操作**：使用jQuery选择器如`$("#elementId")`或`$(".className")`定位到特定的表单元素，然后可以调用`.val()`获取或设置值，`.attr()`读取或设置属性，`.html()`修改元素内容。 2. **事件绑定**：`....
jquery attr赋值值失效，无法设置值
weixin_42079053的博客
05-25 764
我这边之所以出现这个bug，原因是 $(obj_html) 中的 obj_html 是html字符串，而非jquery节点，因此无法进行操作 使用 console.log(obj_html);打印一下，会发现打印出大量html结构。 比较神奇的是，虽然attr 无法对内容进行修改，但是依旧可以通过attr来查询它的值，并且各种节点匹配的查询依旧生效。 我这边的解决方式： 用 obj_html.replace 直接替换掉对应的字符串子串，把旧的替换成新的。这种方法需要注意，不要把不该替换的给替换掉了
前端爬坑日记-jquery的attr设置图片失效的问题
于离别之朝束起约定之花的博客
09-24 894
关于jQuery中attr设置图片地址在浏览器失效的问题 此篇文章借鉴了https://blog.csdn.net/wide288/article/details/19974917，感谢大佬提供的方法。 不久前自己有个需求，是鼠标经过时就替换图片，因为项目用到的jQuery，就想到用jQuery设置图片，而且jQuery也有处理兼容问题，一举两得。当我完成的时候去测试我发现懵了。不同电脑，同样的系...
记录一些问题的处理 --DOM对象无法使用jq的attr
Cake_C的博客
11-17 180
https://www.cnblogs.com/wugai/p/11456875.html
jquery动态改变自定义属性值后不能获取最新值
linzhongxunfeng的博客
07-11 707
wordpress项目中, 通过jquery修改了data-action的值后,页面中的data-action的值虽然改变了,但是在通过jQuery获取时会一直获取到原来的值,怀疑是jQuery的缓存百度下,果然是这个原因。网上给出的解决方案是不要用data函数取值，直接用attr函数取值即可，试了下,果然可以,贴上代码截图,记录一下 ...
HTML 元素的 hidden 属性不生效的问题
qross的博客
06-01 3274
HTML 中的属性用于显示和隐藏元素，如。但是当元素设置了样式时，不论是在元素样式属性中设置还是在 CSS 类中设置，则属性就会失去作用。所以，要想继续使用 hidden 属性，必须解决样式的问题。
jquery中attr设置title属性
07-13
在 jQuery 中，可以使用 `attr()` 方法来设置元素的属性。要设置 `title` 属性，可以按照以下方式操作： ```javascript // 选择元素并设置title属性 $('选择器').attr('title', '属性值'); // 例如，选择id为myElement的元素，设置其title属性为"这是一个标题" $('#myElement').attr('title', '这是一个标题'); ``` 通过上述代码，你可以选择特定的元素并设置它的 `title` 属性为指定的值。请注意，`选择器` 可以是任何有效的 jQuery 选择器，比如元素的ID、类名、标签名等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值