欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery更改元素屬性attr()方法操作示例

 更新時間：2020年05月22日 11:16:36   作者：NO0b  
這篇文章主要介紹了jquery更改元素屬性attr()方法,結(jié)合實例形式簡單分析了jquery更改元素屬性attr()方法基本功能、語法及相關(guān)使用技巧,需要的朋友可以參考下

本文實例講述了jquery更改元素屬性attr()方法。分享給大家供大家參考，具體如下：

jquery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫,

是js中setAttribute()和getAttribute()的簡化

最基本常用的用法:

$("img").attr("src","img/a.jpg");
$("img").attr("width","100px");

attr()有四種用法,先列舉表達式:

語法:

$(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上一個點擊按鈕減少 img  50寬度的小實例

$("button").click(function(){
  $("img").attr("width",function(n,v){
   return v-50;
  });
 });

第四種其實就是上邊第二種方式的拓展, 可以一次修改很多屬性的屬性值

$(selector).attr({attribute:value, attribute:value ...})

$('#img_1').attr({"width":80px, "height":50px});

還有可以用removeAttr刪除屬性:

$("img_1").removeAttr ("style");

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴展技巧總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計有所幫助。

相關(guān)文章

最新評論