更新時(shí)間:2022-01-10 來源:黑馬程序員 瀏覽量:
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屬性是一個(gè)普通的自定義屬性,data-index是HTML5的自定義屬性(以“data-”開頭),使用attr()方法都可以進(jìn)行設(shè)置或獲取。需要注意的是,自定義屬性無法使用prop()設(shè)置和獲取。
猜你喜歡:
1024首播|39歲程序員逆襲記:不被年齡定義,AI浪潮里再迎春天
2025-10-241024程序員節(jié)丨10年同行,致敬用代碼改變世界的你
2025-10-24【AI設(shè)計(jì)】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計(jì)連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運(yùn)營(yíng)】深圳跨境電商運(yùn)營(yíng)畢業(yè)22個(gè)工作日,就業(yè)率91%+,最高薪資達(dá)13500元
2025-09-19【AI運(yùn)維】鄭州運(yùn)維1期就業(yè)班,畢業(yè)14個(gè)工作日,班級(jí)93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19