jQuery中attr()与prop()方法详细比较
.attr():
描述:获取匹配元素的第一个元素的属性的值 或设置每个匹配元素的一个或多个属性的值
表现形式:
.attr(attributeName): 返回类型String
注意:.attr()
方法只获取第一个匹配元素的属性值。要获取每个单独的元素的属性值, 我们需要依靠jQuery的 .each()
或者.map()
方法循环。
在jQuery 1.6中,当属性没有被设置时候,.attr()
方法将返回undefined
。 若要检索和更改DOM属性,比如元素的checked
, selected
, 或 disabled
状态,请使用.prop()方法。
优势:1.方便:它可以直接被jQuery对象访问并且链式调用其他jQuery方法
2.兼容性问题:一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。.attr() 方法减少了兼容性问题。
.attr(attributeName,value):
.attr(attributeName,value)
.attr(attributeNames)
.attr(attributeName,function(index,attr))
.prop():
描述:获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。