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)值或设置每一个匹配元素的一个或多个属性。

 

posted @ 2017-05-20 23:06  江湖走马  阅读(192)  评论(0编辑  收藏  举报