jquery的attr和prop区别之实例

转载于 2017-05-16 21:56:00 发布 · 33 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/486988

文章标签：

#javascript #ViewUI

本文介绍了在JavaScript中如何正确地操作HTML元素的固有属性和自定义DOM属性，通过具体示例展示了使用prop方法来处理checkbox的选择状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于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;
    })
}