jQuery 中 attr() 和 prop() 方法的区别

最新推荐文章于 2019-09-20 19:36:36 发布

原创最新推荐文章于 2019-09-20 19:36:36 发布 · 153 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文详细解析jQuery中.prop()方法的使用，说明其与.attr()的区别，特别是在jQuery1.6之后，.prop()用于获取元素的特性(property)，而.attr()用于获取属性(attributes)。并举例说明哪些属性应使用.prop()方法。

.prop()方法只获得第一个匹配元素的属性值。如果元素上没有该属性，或者如果没有匹配的元素。那么该方法会返回undefined值。若要取得每个匹配元素的属性值（property），请使用循环结构，如jQuery .each()或.map()方法。

attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ，.attr()方法在取某些 attribute 的值时，会返回 property 的值，这就导致了结果的不一致。从 jQuery 1.6 开始， .prop()方法方法返回 property 的值,而 .attr() 方法返回 attributes 的值。

例如, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected 应使用.prop()方法进行取值或赋值。在jQuery1.6之前，这些属性使用.attr()方法取得，但是这并不是元素的attr属性。他们没有相应的属性（attributes），只有特性(property)。