attr()方法

attr()用来设置或获取元素的自定义属性，自定义属性是指用户给元素添加的非固有属性。例如，给div添加index属性，保存元素的索引值。具体语法如下。

$(selector).attr("属性名")            // 获取属性值
$(selector).attr("属性", "属性值")        // 设置属性值

下面通过代码演示attr()方法的使用。

 1  <div index="1" data-index="2">我是div</div>
 2  <script>
 3   console.log($("div").attr("index"));     // 输出结果：1
 4   console.log($("div").attr("data-index"));  // 输出结果：2
 5   $("div").attr("index", 3);          // 设置index属性值为3
 6   $("div").attr("data-index", 4);       // 设置data-index属性值为4
 7  </script>

在上述代码中，div的index属性是一个普通的自定义属性，data-index是HTML5的自定义属性（以“data-”开头），使用attr()方法都可以进行设置或获取。需要注意的是，自定义属性无法使用prop()设置和获取。