jquery的复选框操作

为什么不用attr设置要用prop设置 因为用attr设置点击一次就没效果了
用下面这种不会出现没效果的情况

$("#but").click(function(){
var val=this.checked;
$(":checkbox").each(function(){
this.checked=val;
});
});


 $(function () {
            // 全选
            $("#btnCheckAll").bind("click", function () {
                $("[name = value]:checkbox").prop("checked", true);
            });
 
            // 全不选
            $("#btnCheckNone").bind("click", function () {
                $("[name = value]:checkbox").prop("checked", false);
            });
 
            // 反选
            $("#btnCheckReverse").bind("click", function () {
                $("[name = value]:checkbox").each(function () {
                    $(this).attr("checked", !$(this).prop("checked"));
                });
            });
 
            // 全不选
            $("#btnSubmit").bind("click", function () {
                var result = new Array();
                $("[name = value]:checkbox").each(function () {
                    if ($(this).is(":checked")) {
                        result.push($(this).prop("value"));
                    }
                });
 
                alert(result.join(","));
            });
        });