关于checked全选与反选问题

当想实现 checkbox 的全选和反选功能时 使用下面的jQuery代码 会发生只能成功一次的情况

$(function () {    //全选或全不选    $("#checkall").click(function () {        if (this.checked) {            $("#list input[type='checkbox']").attr("checked", true);        } else {            $("#list input[type='checkbox']").attr("checked", false);        }    });});

所以 要解决这个问题 需要将代码改成

$(function () {    //全选或全不选    $("#checkall").click(function () {        if (this.checked) {            $("#list input[type='checkbox']").prop("checked", true);        } else {            $("#list input[type='checkbox']").prop("checked", false);        }    });});
总的来说就是对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。