jQuery 屬性操作 attr() 方法
jQuery 屬性操作 attr() 方法
jQuery 參考手冊(cè) 文檔操作attr() 方法設(shè)置或返回被選元素的屬性值。
根據(jù)該方法不同的參數(shù)，其工作方式也有所差異。
1. 返回屬性值
返回被選元素的屬性值。
語(yǔ)法
$(selector).attr(attribute)
| 參數(shù) | 描述 |
|---|---|
| attribute | 規(guī)定要獲取其值的屬性。 |
2. 設(shè)置屬性/值
設(shè)置被選元素的屬性和值。
語(yǔ)法
$(selector).attr(attribute,value)
| 參數(shù) | 描述 |
|---|---|
| attribute | 規(guī)定屬性的名稱。 |
| value | 規(guī)定屬性的值。 |
3. 使用函數(shù)來(lái)設(shè)置屬性/值
設(shè)置被選元素的屬性和值。
語(yǔ)法
$(selector).attr(attribute,function(index,oldvalue))
| 參數(shù) | 描述 |
|---|---|
| attribute | 規(guī)定屬性的名稱。 |
| function(index,oldvalue) |
規(guī)定返回屬性值的函數(shù)。 該函數(shù)可接收并使用選擇器的 index 值和當(dāng)前屬性值。 |
4. 設(shè)置多個(gè)屬性/值對(duì)
為被選元素設(shè)置一個(gè)以上的屬性和值。
語(yǔ)法
$(selector).attr({attribute:value, attribute:value ...}) | 參數(shù) | 描述 |
|---|---|
| attribute:value | 規(guī)定一個(gè)或多個(gè)屬性/值對(duì)。 |
5. 范例
改變圖像的 width 屬性：
$("button").click(function(){
$("img").attr("width","180");
});
相關(guān)文章
- jQuery 事件
- jQuery 效果 動(dòng)畫
- jQuery 獲取并設(shè)置 CSS 類
- jQuery 參考手冊(cè) 選擇器
- 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 選擇器
學(xué)習(xí)JQuery