jQuery attr() 方法

jQuery HTML/CSS 方法

attr()方法獲取或設(shè)置所選元素的屬性和值。

當(dāng)attr()方法用于獲取屬性值時，它將返回第一個選定元素的值。

當(dāng)attr()方法用于設(shè)置屬性值時，它將為所有選定元素設(shè)置一個或多個屬性/值對。

要刪除屬性，請改用removeAttr()方法。

語法：

獲取屬性的值：

$(selector).attr(attribute)

設(shè)置屬性和值：

$(selector).attr(attribute, value)

設(shè)置多個屬性和值：

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

使用函數(shù)設(shè)置屬性和值

$(selector).attr(attribute, function(index, currentValue))

示例

獲取圖像的src屬性值：

$("button").click(function(){
  $("img").attr("src");
});

設(shè)置圖像的src屬性：

$("button").click(function(){
  $("img").attr("src", "icon_jquery.png");
});

設(shè)置多個屬性和值：

$("button").click(function(){
  $("img").attr({
    alt: "Parrot Icon",
    title: "Image by Seagull",
    width: "350px",
    height: "300px"
  });
});

使用函數(shù)設(shè)置屬性和值：

$("button").click(function(){
  $("img").attr("width", function(i, val){
    return val - 60;
  });
});

從下拉列表中設(shè)置src屬性的值：

-請選擇-jQueryHTML5CSS3
   

運行代碼

參數(shù)值

jQuery HTML/CSS 方法