问题:
今天一个同事在做一个用户全选的小功能的时候碰到一个小问题,就是明明用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