首頁技術(shù)文章正文

JQ中attr方法的用法

更新時間:2022年01月10日15時49分來源:傳智教育瀏覽次數(shù):

attr方法

attr()用來設(shè)置或獲取元素的自定義屬性，自定義屬性是指用戶給元素添加的非固有屬性。例如，給div添加index屬性，保存元素的索引值。具體語法如下。

$(selector).attr("屬性名")             //獲取屬性值
$(selector).attr("屬性", "屬性值")     //設(shè)置屬性值

下面我們通過代碼演示attr()方法的使用，如下所示。

<div index="1" data-index="2">我是div</div>
<script>
    console.log($("div").attr("index"));            //輸出結(jié)果:1
    console.log($("div").attr("data-index"));       //輸出結(jié)果:2
    $("div").attr("index", 3);                      //設(shè)置index的屬性值為3
    $("div").attr ("data-index", 4);                //設(shè)置data-index屬性值為4
</script>

在上述代碼中，div的index屬性是一個普通的自定義屬性，data-index是HTML5的自定義屬性(以“data-”開頭)，使用attr()方法都可以進行設(shè)置或獲取。需要注意的是，自定義屬性無法使用prop()設(shè)置和獲取。

猜你喜歡：

jquery事件綁定方法有哪些？

怎樣操作jQuery的元素內(nèi)容？內(nèi)容操作演示

什么是jQuery？jQuery有哪些優(yōu)勢？

jQuery如何使用css方法修改單個樣式？

傳智教育web前端開發(fā)培訓課程

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