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()