全國(guó)咨詢(xún)/投訴熱線:400-618-4000

首頁(yè)技術(shù)文章正文

Jquery attr()方法的用法

更新時(shí)間:2022-01-10 來(lái)源:黑馬程序員 瀏覽量:

attr方法

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

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

下面我們通過(guò)代碼演示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屬性是一個(gè)普通的自定義屬性,data-index是HTML5的自定義屬性(以“data-”開(kāi)頭),使用attr()方法都可以進(jìn)行設(shè)置或獲取。需要注意的是,自定義屬性無(wú)法使用prop()設(shè)置和獲取。



猜你喜歡:

jQuery怎樣進(jìn)行對(duì)象拷貝?

jQuery綁定事件有幾種方法?

jquery事件委托的方法介紹

jQuery選擇器及用法大全

黑馬程序員web前端培訓(xùn)課程

分享到:
在線咨詢(xún) 我要報(bào)名
和我們?cè)诰€交談!