attr
英 ['?tr]? ?美 ['?tr]??
abbr.attractive 吸引人的，有魅力的
jquery attr() 方法 語法
作用：attr() 方法設置或返回被選元素的屬性值。根據該方法不同的參數，其工作方式也有所差異。
返回屬性值：返回被選元素的屬性值。
語法：$(selector).attr(attribute
參數：
| 參數 | 描述 |
| attribute? ?? | 規(guī)定要獲取其值的屬性。 |
設置屬性/值：設置被選元素的屬性和值。
語法：$(selector).attr(attribute,value
參數：
| 參數 | 描述 |
| attribute? ?? | 規(guī)定屬性的名稱。 |
| value? ?? | 規(guī)定屬性的值。? |
使用函數設置屬性/值：設置被選元素的屬性和值。
語法：$(selector).attr(attribute,function(index,oldvalue))
參數：
| 參數 | 描述 |
| attribute? ?? | 規(guī)定屬性的名稱。 |
| function(index,oldvalue) | 規(guī)定返回屬性值的函數。該函數可接收并使用選擇器的 index 值和當前屬性值。 |
設置多個屬性/值對：為被選元素設置一個以上的屬性和值。
語法：$(selector).attr({attribute:value, attribute:value ...})
參數：
| 參數 | 描述 |
| attribute:value | 規(guī)定一個或多個屬性/值對。 |
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>點擊 "運行實例" 按鈕查看在線實例