首页技术文章正文

JQ中attr方法的用法

更新时间:2022年01月10日15时49分来源:传智教育浏览次数:

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有哪些优势？

jQuery如何使用css方法修改单个样式？

传智教育web前端开发培训课程

上一篇：JQ中prop方法用法介绍 下一篇：JQ data()方法的用法