jQuery attr() 方法

jQuery HTML/CSS 方法

attr()方法获取或设置所选元素的属性和值。

当attr()方法用于获取属性值时，它将返回第一个选定元素的值。

当attr()方法用于设置属性值时，它将为所有选定元素设置一个或多个属性/值对。

要删除属性，请改用removeAttr()方法。

语法：

获取属性的值：

$(selector).attr(attribute)

设置属性和值：

$(selector).attr(attribute, value)

设置多个属性和值：

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

使用函数设置属性和值

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

示例

获取图像的src属性值：

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

设置图像的src属性：

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

设置多个属性和值：

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

使用函数设置属性和值：

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

从下拉列表中设置src属性的值：

-请选择-jQueryHTML5CSS3
   

运行代码

参数值

jQuery HTML/CSS 方法