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>
运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐