首页技术文章正文

Jquery attr()方法的用法

更新时间:2022-01-10 来源:黑马程序员 浏览量:

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前端培训课程

分享到:
在线咨询 我要报名
和我们在线交谈!