码迷,mamicode.com
首页 > Web开发 > 详细

jquery中attr与prop的区别

时间:2017-01-18 07:47:41      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:blog   check   style   处理   click   区别   文章   logs   元素   

先从一个老生常谈的问题说起,使用jquery实现全选全不选。

全选<input type="checkbox" onclick="checkedAlls();" name="checkedAlls" id="checkedAlls"/>
        1<input type="checkbox" name="ckk" />
        2<input type="checkbox" name="ckk" />
//使用这种方式发现全选全不选的功能实现不了,经过alert(checked)发现值为undefined
function
checkedAlls(){
  var checked = $("#checkedAlls").attr("checked"); $(
":checkbox[name=‘ckk‘]").attr("checked" , checked); }
//使用这种方式可以实现全选全不选的功能,经过alert(checked)全选时值为true,不选时为false
function checkedAlls(){
  var checked = $("#checkedAlls").prop("checked"); $(":checkbox[name=‘ckk‘]").prop("checked" , checked); }
 

后来在网上看了几篇文章,有篇文章中说的比较好。

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。

对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

checked属于checkbox的固有属性,所以要用prop。

jquery中attr与prop的区别

标签:blog   check   style   处理   click   区别   文章   logs   元素   

原文地址:http://www.cnblogs.com/cdf-opensource-007/p/6295360.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!