先说一说官方定义
.attr()
获取匹配的元素集合中的第一个元素的属性值,设置每个匹配元素的一个或多个属性
.prop()
获取匹配的元素集中第一个元素的属性(property)值为匹配的元素设置一个或多个属性(properties)
什么时候用prop?什么时候该用attr?它们两个之间有什么区别?
我们举两个例子。
<a href="#" target="_self" class="btn">百度</a>
这个例子里<a>元素的DOM属性有“href、target和class",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。
<a href="#" id="link1" action="delete">删除</a>
这个例子里<a>元素的DOM属性有“href、id和action”,很明显,前两个是固有属性,而后面一个“action”属性是我们自己自定义上去的,<a>元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。使用prop方法取值和设置属性值时,都会返回undefined值。
总结下使用情况
对于html元素本身就带有的固有属性值,在处理时。用prop()
对于html元素我们自己自定义的DOM属性,在处理时,使用attr()
具有true和false两个属性的属性,如checked、selected或者disable使用prop()