jQuery中 attr() 和 prop() 的区别

当点击左上方那个checkBox时,要将下面的checkBox全部选中,我们的代码是这样的

$("input[name='checkbox']").attr("checked",true);

然并卵,一点效果都没有,后来换成这样,好了

 $(function(){
        $("#all").click(function(){
            if($("#all").prop("checked")){
                $("input[name='checkbox']").prop("checked",true);
            }else{
                $("input[name='checkbox']").prop("checked",false);
            }
        });
    });

prop()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是空字符串。

attr()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是undefined。

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

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

具有 true 和 false 两个值的属性,如 checked, selected 或者 disabled 使用prop()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容