您好,登錄后才能下訂單哦!
小編這次要給大家分享的是jquery如何更改元素屬性attr()方法,文章內(nèi)容豐富,感興趣的小伙伴可以來了解一下,希望大家閱讀完這篇文章之后能夠有所收獲。
jquery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute(屬性)的縮寫,
是js中setAttribute()和getAttribute()的簡化
最基本常用的用法:
$("img").attr("src","img/a.jpg"); $("img").attr("width","100px");
attr()有四種用法,先列舉表達(dá)式:
語法:
$(selector).attr(attribute) //返回被選元素的屬性值。 $(selector).attr(attribute,value) //設(shè)置被選元素的屬性和值。 $(selector).attr(attribute,function(index,oldvalue)) //用函數(shù)返回值設(shè)置被選元素的屬性和值。 $(selector).attr({attribute:value, attribute:value ...}) //為被選一個以上的元素設(shè)置屬性和值。
第一個$(selector).attr(attribute)是用來得到屬性值的, 只有一個參數(shù)就是屬性名
var srcImg = $('#img_1').attr("src");
第二個是最基本常用的方式:
$(selector).attr(attribute,value)
第一個參數(shù)是屬性名, 第二個參數(shù)是想為該屬性賦的值
$('#img_1').attr('src','img/1.jpg');
第三種是用函數(shù)的返回值給屬性賦屬性值, 該函數(shù)可接收并使用選擇器的 index 值和當(dāng)前屬性值。
$(selector).attr(attribute,function(index,oldvalue))
這是W3School上一個點(diǎn)擊按鈕減少 img 50寬度的小實(shí)例
$("button").click(function(){ $("img").attr("width",function(n,v){ return v-50; }); });
第四種其實(shí)就是上邊第二種方式的拓展, 可以一次修改很多屬性的屬性值
$(selector).attr({attribute:value, attribute:value ...}) $('#img_1').attr({"width":80px, "height":50px});
還有可以用removeAttr刪除屬性:
$("img_1").removeAttr ("style");
看完這篇關(guān)于jquery如何更改元素屬性attr()方法的文章,如果覺得文章內(nèi)容寫得不錯的話,可以把它分享出去給更多人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。