attr
英 ['ətr] 美 ['ətr]
abbr.attractive 吸引人的,有魅力的
jquery attr() 方法 语法
作用: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 attr() 方法 示例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","180");
});
});
</script>
</head>
<body>
<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<br />
<button>设置图像的 width 属性</button>
</body>
</html>点击 "运行实例" 按钮查看在线实例