Jquery中attr与prop的区别

当点击左上方那个全选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()