jQuery 屬性操作 - attr() 方法

jQuery 效果參考手冊

實例

改變圖像的 width 屬性：

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

親自試一試

定義和用法

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

根據该方法不同的參數，其工作方式也有所差异。

返回屬性值

返回被選元素的屬性值。

語法

$(selector).attr(attribute)
參數 描述
attribute 規定要获取其值的屬性。

親自試一試

設定屬性/值

設定被選元素的屬性和值。

語法

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

親自試一試

使用函數來設定屬性/值

設定被選元素的屬性和值。

語法

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

規定返回屬性值的函數。

該函數可接收並使用選擇器的 index 值和當前屬性值。

親自試一試

設定多個屬性/值對

為被選元素設定一個以上的屬性和值。

語法

$(selector).attr({attribute:value, attribute:value ...})
參數 描述
attribute:value 規定一個或多個屬性/值對。

親自試一試

jQuery 效果參考手冊