jquery中attr()与prop()方法的区别

 今天在做一个复选框多选不选的时候发现在实现一次后勾选没有效果。如下图

明明显示checked="checked"但是却没勾选。询问大牛告诉我用prop()代替attr()可用，不过我以前做的一个demo是可以的

上面代码确实可以。那是什么原因造成我现在的项目用attr()不起作用呢？我发现上面代码是在jquery-1.8.3.js版本是可以的，而现在的jQuery是最新版本。我又查jquery官网里面说的很明白

http://www.jquery123.com/attr/（查看官方文档是多么重要！）

所以说要改变checked的状态应使用prop()方法，但是为什么在1.8.3版本好使或者更早版本也应该可以这个我没去研究，欢迎感兴趣的研究下官方文档告诉我答案。