prop()方法代替attr()

1.prop()方法代替attr()

prop()方法，只返回true/false, 设置disabled或者checked这种属性的时候，应该使用prop()方法，因为只想得到true或者false的判断.

在chrome中，

alert($（this）.attr("checked"))

不论有没有选中，都会返回undefined,非常影响判断,而用prop方法，就能成功返回true/false

放一下对比:复选框的反选功能

1.jQuery:

$("#CheckedRev").click(function () {
$("[name=items]:checkbox").each(function () {
$(this).prop("checked",!$(this).prop('checked'));
alert($(this).attr("checked"))
}）

这样不论选中了几个，所有的都会显示undefined,但是反选功能正常

2.jQuery:

$("#CheckedRev").click(function () {
$("[name=items]:checkbox").each(function () {
$(this).attr("checked",!$(this).attr('checked'));
alert($(this).attr("checked"))
})
})

这样的话，已经选中的部分它不会让它成为非选中模式，如果我选中了其中两个，再点反选，会选中4个 并且返回4个undefined

3.jQuery:

$("#CheckedRev").click(function () {
$("[name=items]:checkbox").each(function () {
$(this).attr("checked",!$(this).attr('checked'));
alert($(this).prop("checked"))
})
})

这样的话，已经选中的部分它不会让它成为非选中模式，如果我选中了其中两个，再点反选，会选中4个 但是返回的是true/false

4.jQuery:

$("#CheckedRev").click(function () {
$("[name=items]:checkbox").each(function () {
$(this).prop("checked",!$(this).prop('checked'));
alert($(this).prop("checked"))
})
})

这样一切正常