Jquery attr()方法的用法

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

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

下面我们通过代码演示attr()方法的使用，如下所示。

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

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

猜你喜欢：

jQuery怎样进行对象拷贝？

jQuery绑定事件有几种方法？

jquery事件委托的方法介绍

jQuery选择器及用法大全

黑马程序员web前端培训课程