jQuery 屬性操作 - attr() 方法

2018-11-21 14:16 更新

實(shí)例

改變圖像的 width 屬性:

$("button").click(function(){
  $("img").attr("width","180");
});

親自試一試

定義和用法

attr() 方法設(shè)置或返回被選元素的屬性值。

根據(jù)該方法不同的參數(shù),其工作方式也有所差異。

返回屬性值

返回被選元素的屬性值。

語(yǔ)法

$(selector).attr(attribute)
參數(shù)描述
attribute規(guī)定要獲取其值的屬性。

親自試一試

設(shè)置屬性/值

設(shè)置被選元素的屬性和值。

語(yǔ)法

$(selector).attr(attribute,value)
參數(shù)描述
attribute規(guī)定屬性的名稱。
value規(guī)定屬性的值。

親自試一試

使用函數(shù)來(lái)設(shè)置屬性/值

設(shè)置被選元素的屬性和值。

語(yǔ)法

$(selector).attr(attribute,function(index,oldvalue))
參數(shù)描述
attribute規(guī)定屬性的名稱。
function(index,oldvalue)

規(guī)定返回屬性值的函數(shù)。

該函數(shù)可接收并使用選擇器的 index 值和當(dāng)前屬性值。

親自試一試

設(shè)置多個(gè)屬性/值對(duì)

為被選元素設(shè)置一個(gè)以上的屬性和值。

語(yǔ)法

$(selector).attr({attribute:value, attribute:value ...})
參數(shù)描述
attribute:value規(guī)定一個(gè)或多個(gè)屬性/值對(duì)。

親自試一試

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)