jQuery中attr、prop、data有何不同及具体应用场景？

本文共计793个文字，预计阅读时间需要4分钟。

原文：本文实例讲述了jQuery中attr、prop、data的区别与用法。分享给大众提供参考，具体如下：在高级版本的jQuery中获取标签的属性，可以使用attr()、prop()、data()，那么这些方法有什么区别呢？

改写后：本文通过实例解释了jQuery中的attr、prop、data三个方法的区别与使用方法。以下内容供大家参考：在jQuery的高级版本中，要获取元素的属性，我们可以使用attr、prop、data这三个方法。那么，这些方法之间有何不同呢？

本文实例讲述了jquery中attr、prop、data区别与用法。分享给大家供大家参考，具体如下：

在高版本的jquery中获取标签的属性，可以使用attr()、prop()、data()，那么这些方法有什么区别呢？

• 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
• 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
• .data()看作是存取data-xxx这样DOM附加信息的方法

上面的描述也许有点模糊，举几个例子就知道了。

<a href="www.baidu.com" rel="external nofollow" target="_self" class="btn">百度</a>

这个例子里<a>元素的DOM属性有“href、target和class"，这些属性就是<a>元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。处理这些属性时，建议使用prop方法。