jQuery attr() 方法

实例

设置图片的宽度属性:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("img").attr("width", "500");
  });
});
</script>
</head>
<body>
<img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213"><br>
<button>设置图片的宽度属性</button>
</body>
</html>

运行一下

定义与用法

attr() 方法设置或返回选定元素的属性和值。

当使用此方法返回属性值时，它将返回第一个匹配元素的值。

当使用此方法设置属性值时，它会为匹配的元素集设置一个或多个属性/值对。

语法

返回属性的值:

$(selector).attr(attribute)

设置属性和值:

$(selector).attr(attribute,value)

使用函数设置属性和值:

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

设置多个属性和值:

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

参数	描述
attribute	指定属性的名称
value	指定属性的值
function(index,currentvalue)	指定返回要设置的属性值的函数 index - 接收集合中元素的索引位置 currentvalue - 接收选定元素的当前属性值

jQuery attr() 方法

实例

定义与用法

语法

更多实例

分类导航