点击checkbox后，$(this).attr('checked')得到的值不会发生改变

这两天遇到一个问题，就是在点击checkbox后，$(this).attr('checked')得到的值要么是undefined，要么是checked，同一个表单一直点击却一点都不会发生改变，调试了一下，this里的checked是会改变的，说明checkbox是有正常运行的，查了很久后，最我怀疑是$(this).attr('checked')这句代码出了问题，果然往这个方向找有了收获。

原来jquery 1.6以前用$(this).attr('checked')得到的是true/false，但到了1.6以后，$(this).attr('checked')就有点问题了。

解决方案如下：

1. 使用is()

例句: $(this).is(":checked");             // 注意是':checked'，有冒号的！

2. 使用prop()方法，JQ1.6之后，可以通过attr方法去获得属性，通过prop方法去获得特性，属性指的是“name，id”等等，特性指的是“selectedIndex, tagName, nodeName”等等。

例句: $(this).prop('checked');