新jQuery中attr 与 prop的不同
2015-09-30 14:27
651 查看
使用最新版本jquery,在对checkbox操作时发现 attr属性全选,反选等不起作用,后查发现新版本对标签属性的设置发生了变化。
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。
关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:
- 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
- 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
对全选,全不选,反选的操作代码如下:
$("#all").click(function () { $(":checkbox").prop('checked', true); }); $("#no").click(function () { $(":checkbox").prop('checked', false); }); $("#rev").click(function () { $(":checkbox").each(function () { $(this).prop("checked", !$(this).prop("checked")); }); })
相关文章推荐
- jQuery实现复选框——attr()和prop()的不同
- jquery中prop()与attr()方法的区别
- jquery选择器(:checked) / prop() / attr()
- jQuery知识点:attr与prop的区别
- jquery中attr和prop的区别
- Difference between prop and attr in different version of jquery
- jQuery 1.6 .attr() 和 .prop()
- jQuery学习之prop和attr的区别
- jQuery中attr()和prop()的区别
- jquery中attr和prop的区别
- Jquery中attr()和prop()的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- 日常问题记录--jquery中HTML元素本身固有属性用prop,自定义的DOM属性,在处理时,使用attr方法
- jQuery中attr和prop的区别
- Jquery的prop和attr
- jquery的prop()和attr()
- jQuery学习之prop和attr的区别
- jquery源码解析:attr,prop,attrHooks,propHooks详解
- jquery prop attr