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

jquery的attr和prop区别之实例

时间:2017-05-16 23:32:50      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:htm   错误   dom   item   name   attr   width   相同   link   

  • 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
  • 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

 

html文件

<tr>
                        <th></th>
                        <td>
                            <a class="easyui-linkbutton" style="width:60px;" onclick="selectAll()">全选</a>
                            <a class="easyui-linkbutton" style="width:60px;" onclick="unSelectAll()">全不选</a>
                        </td>
                    </tr>

 

 

JS文件

//给相同名称的CheckBox赋属性值

function selectAll(){ $(
‘input[name="groupItem"]‘).val(function(index,val){ $(this).prop(‘checked‘,true);
          //$(this).attr(‘checked‘,true);//错误
return val; }) } function unSelectAll(){ $(‘input[name="groupItem"]‘).val(function(index,val){ $(this).prop(‘checked‘,false);
//$(this).attr(‘checked‘,false);错误
return val; }) }

 

jquery的attr和prop区别之实例

标签:htm   错误   dom   item   name   attr   width   相同   link   

原文地址:http://www.cnblogs.com/mr-wuxiansheng/p/6863941.html

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