jQuery 屬性操作 attr() 方法
jQuery 屬性操作 attr() 方法
jQuery 參考手冊 文檔操作attr() 方法設置或返回被選元素的屬性值。
根據該方法不同的參數，其工作方式也有所差異。
1. 返回屬性值
返回被選元素的屬性值。
語法
$(selector).attr(attribute)
| 參數 | 描述 |
|---|---|
| attribute | 規定要獲取其值的屬性。 |
2. 設置屬性/值
設置被選元素的屬性和值。
語法
$(selector).attr(attribute,value)
| 參數 | 描述 |
|---|---|
| attribute | 規定屬性的名稱。 |
| value | 規定屬性的值。 |
3. 使用函數來設置屬性/值
設置被選元素的屬性和值。
語法
$(selector).attr(attribute,function(index,oldvalue))
| 參數 | 描述 |
|---|---|
| attribute | 規定屬性的名稱。 |
| function(index,oldvalue) |
規定返回屬性值的函數。 該函數可接收并使用選擇器的 index 值和當前屬性值。 |
4. 設置多個屬性/值對
為被選元素設置一個以上的屬性和值。
語法
$(selector).attr({attribute:value, attribute:value ...}) | 參數 | 描述 |
|---|---|
| attribute:value | 規定一個或多個屬性/值對。 |
5. 范例
改變圖像的 width 屬性：
$("button").click(function(){
$("img").attr("width","180");
});
相關文章
- jQuery 事件
- jQuery 效果 動畫
- jQuery 獲取并設置 CSS 類
- jQuery 參考手冊 選擇器
- jQuery 事件 target 屬性
- jQuery 事件 keydown() 方法
- jQuery 事件 keypress() 方法
- jQuery 事件 resize() 方法
- jQuery 事件 undelegate() 方法
- jQuery 核心 jQuery() 方法
- jQuery ajax param() 方法
- jQuery CSS 操作 css() 方法
- jQuery CSS 操作 offset() 方法
- jQuery 屬性操作 hasClass() 方法
- jQuery 屬性操作 toggleClass() 方法
- jQuery 文檔操作 after() 方法
- jQuery 文檔操作 text() 方法
- jQuery :input 選擇器
- jQuery :radio 選擇器
- jQuery :disabled 選擇器
學習JQuery