jQuery 复选框 全选无效

问题：

今天一个同事在做一个用户全选的小功能的时候碰到一个小问题，就是明明用jQuery的attr()把复选框设置成checked了，用debuger 也可以看到属性已经设置上去，但页面显示还是没有选中 。

 

解决办法：

原来是jQuery中attr() 和 prop() 的区别造成的。其中attr()是用来操作元素DOM属性的，html的结构会发生变化，页面显示不一定 会有变化，而prop()是操作元素页面可见性的一些属性，影响页面的显示效果，而html的结构不会发生变化。

 

所以在操作元素的checked,selected,readonly和disabled等属性时，最好用prop()，避免出现Bug，而且性能比attr()要好。

 

参考资料：

http://www.jb51.net/article/41170.htm

 

http://www.javascript100.com/?p=877