查看“Html attr”的源代码

{{DISPLAYTITLE:attr()}}[[Category:jquery ref html|5]]
= jQuery attr() 方法 =

[[jquery ref html|jQuery HTML/CSS 方法]]

设置图像的 width 属性：

<sample title="" desc="" lang="html" hererun="1">
$("button").click(function(){
    $("img").attr("width","500");
});
 </sample>
<run name=""> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(xiaobai.wang)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/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>为图片设置width属性</button>

</body>
</html> </run>
== 定义和用法 ==

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

当该方法用于'''返回'''属性值，则返回第一个匹配元素的值。

当该方法用于'''设置'''属性值，则为匹配元素设置一个或多个属性/值对。

== 语法 ==

返回属性的值：

$(selector).attr(attribute)

设置属性和值：

$(selector).attr(attribute,value)

使用函数设置属性和值：

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

设置多个属性和值：

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

{| class="table table-striped table-hover"
!width="50%"| 参数
!width="50%"| 描述
|-
| attribute
| 规定属性的名称。
|-
| value
| 规定属性的值。
|-
| function(index,currentvalue)
|
规定要返回属性值到集合的函数
* index - 接受集合中元素的 index 位置。
* currentvalue - 接受被选元素的当前属性值。
|}

== 更多实例 ==

[[try.php?filename=tryjquery_html_attr_get|返回属性值]] 如何为元素返回属性的值。

[[try.php?filename=tryjquery_html_attr_set_func|使用函数设置属性和值]] 如何使用函数为元素设置属性值。

[[try.php?filename=tryjquery_html_attr_set_pairs|设置多个属性和值对]] 如何为元素设置多个属性/值。

[[jquery ref html|jQuery HTML/CSS 方法]]