教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

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

0 分享到:
和我们在线交谈!