当点击左上方那个全选checkBox时,要将下面的checkBox全部选中,我写的代码是这样的
然而并没有起作用,后来换成下面那样就可以了
于是上官方的文档查了下attr和prop的区别,发现根本看不懂,如下图
于是,我做了个一个测试
结果是这样的(chrome浏览器下)
发现attr的返回值要么是checked要么是undefined,prop的返回值只有true和false。
总结:
prop()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是空字符串。
attr()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是undefined。
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop()