jQuery中attr()和prop()的区别，修改checked属性

最新推荐文章于 2021-06-07 11:30:19 发布
最新推荐文章于 2021-06-07 11:30:19 发布
阅读量1.4k 收藏
点赞数
分类专栏： Web前端 文章标签： checkbox JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taijiedi13/article/details/37905471
版权
在jQuery中，attr()和prop()用于处理HTML元素的属性和特性。在处理checkbox的checked属性时，发现使用attr('checked', true)在Chrome中可能无效。原因是checked属性分为attribute和property。attribute不随checkbox状态变化，而property会。因此，正确修改checked属性应使用prop()方法。此问题在jQuery1.6及以后版本引入prop()方法来解决。此外，旧版IE中使用prop()设置DOM对象的非简单类型property可能导致内存泄露，推荐使用.data()方法。" 36033253,1124453,Cognos ReportStudio教程：按层级排名实战,"['Cognos报表', '数据建模', '数据分析', 'ReportStudio教程', 'BI工具']
摘要由CSDN通过智能技术生成

   在做复选框全选按钮的时候，出现了一个问题，使用语句$.attr('checked',true)，将复选框的属性改为被选中，在chrome浏览器中第一次点击有效后面就不行了，IE8倒是没有问题。

   百度了很久找到原因是HTML的属性分为attribute和property，暂且将后者称为特性。

   checked属性即分为attribute->checked，和property->true,false。

最低0.47元/天 解锁文章
taijiedi13
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jQuery中attr()和prop()在修改checked属性时的区别
12-10
在jQuery中，`attr()`和`prop()`方法都是用来处理元素属性的，但在特定场景下，它们的行为有所不同，尤其是在处理像`checked`这样的布尔属性时。`checked`属性是HTML元素的一个特性，它用于表示复选框或单选按钮是否...
jquery中attr和prop的区别分析
10-24
主要介绍了jquery中attr和prop的区别分析的相关资料,需要的朋友可以参考下
使用prop获取jQuery中复选框的checked属性
weixin_30628801的博客
02-23 270
使用prop获取jQuery中复选框的checked属性 1. 使用attr方法获取checked属性 (不推荐使用) <script type="text/javascript" src="jquery/jquery-1.12.2.js"></script> <script type="text/javascript"> ...
jquery利用attr、prop方法获取、设置input的checked属性
热门推荐
xiaouncle的博客
07-23 5万+
在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下
checkbox选中要使用prop("checked"),而不是attr("checked")
linlinxie的博客
03-10 5217
前端页面让checkbox复选框选中时，应该使用prop(“checked”)方法，而不是attr(“checked”)，可以参考博客http://blog.csdn.net/dszgf5717/article/details/51853885 中的解释。
checked 和 prop() （散列性比较少的）
weixin_30241919的博客
09-25 138
在<input class="sex1" type="radio" checked>男 checked表示该框会被默认选上 prop()操作的是DOM对象的属性 和attr()不同是attr()操作的是标签属性样式(其实感觉都可以) 具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 a...
Jquery中attr与prop的区别详解
10-19
在jQuery中，`attr`和`prop`是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的区别。在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。...
jquery attr方法获取input的checked属性问题
01-19
问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，...
添加chenked属性一定要用prop(“checked“, “checked“)
weixin_44371237的博客
06-07 464
添加chenked属性一定要用prop(“checked”, “checked”)，attr(“checked”, “checked”)，否则会出现获取不到值的问题
prop与attr和checked
透明大脑
06-27 605
所使用的jquery版本为jquery-1.9.1，浏览器为Chrome 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked"); alert(check...
attr与prop的checked关系
透明大脑
06-28 1117
Document         全选 1选 2选 3选   function checkAll()  {  var checkedOfAll=$("#selectAll").attr("checked");  alert(checkedOfAll);  $("input[name='procheck']").attr("checked", checkedOfAll);
jquery添加属性checked不管用（jquery，prop的使用）
noku_ln10的专栏
06-25 2万+
$("#bed_"+index).attr("checked","checked"); 但是页面上并没有选中，换成  $("#bed_"+index).prop("checked", true); 选中ok 原因： 这里用attr只是为元素添加了checked=“checked”的属性，但是并没有使checked的动作生效 利用prop是可以直接将属性生效的方法，例如：di
attr( ） prop 获取 input 的 checked属性值（特殊）
JiM-W 的博客
01-14 5891
checked attr prop
jquery判断checked的三种方法:
snn1410的专栏
08-21 4万+
jquery判断checked的三种方法: .attr(‘checked’):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked’): //16+:true/false .is(‘:checked’):    //所有版本:true/false//别忘记冒号哦 jquery赋值checked的
新手小坑：使用prop实现checkbox全选事件
u012784131的博客
08-13 953
错误描述 实现checkbox全选的思路是，抓取到所有要全选的checkbox标签，并用prop给他们的checked属性赋予和控制全选的checkbox一样的checked属性值。代码具体如下： $('.check_all').click(function(){ $('.nav_list :checkbox').prop('checked',$(this).is('checked')...
jquery中attr和prop的区别
最新发布
03-28
attr和prop都是jQuery中用于获取和设置元素属性的方法，但它们有不同的应用场景和用法： 1. attr用于获取和设置HTML属性值，它是基于元素的HTML属性工作的；prop用于获取和设置DOM元素的属性值，它是基于DOM属性...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值