DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 學習之二 屬性相關
jquery 學習之二 屬性相關
編輯:JQuery特效代碼     
attr(name)
取得第一個匹配元素的屬性值。通過這個方法可以方便地從第一個匹配元素中獲取一個屬性的值。如果元素沒有相應屬性,則返回 undefined 。
Access a property on the first matched element. This method makes it easy to retrieve a property value from the first matched element. If the element does not have an attribute with such a name, undefined is returned.
返回值
Object

參數
name (String) : 屬性名稱

示例
返回文檔中第一個圖像的src屬性值。

HTML 代碼:

<img src="test.jpg"/>
jQuery 代碼:

$("img").attr("src");
結果:

test.jpg
---------------------------------------------------------------------------------------------------------------------------------------
attr(properties)
將一個“名/值”形式的對象設置為所有匹配元素的屬性。
這是一種在所有匹配元素中批量設置很多屬性的最佳方式。 注意,如果你要設置對象的class屬性,你必須使用'className' 作為屬性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
Set a key/value object as properties to all matched elements.
This serves as the best way to set a large number of properties on all matched elements. Note that you must use 'className' as key if you want to set the class-Attribute. Or use .addClass( class ) or .removeClass( class ).
返回值
jQuery

參數
properties (Map) : 作為屬性的“名/值對”對象

示例
為所有圖像設置src和alt屬性。

HTML 代碼:

<img/>
jQuery 代碼:

$("img").attr({ src: "test.jpg", alt: "Test Image" });
結果:

[ <img src= "test.jpg" alt:="Test Image" /> ]
---------------------------------------------------------------------------------------------------------------------------------------
attr(key,value)
為所有匹配的元素設置一個屬性值。
Set a single property to a value, on all matched elements.
返回值
jQuery

參數
key (String) : 屬性名稱

value (Object) : 屬性值

示例
為所有圖像設置src屬性。

HTML 代碼:

<img/>
<img/>
jQuery 代碼:

$("img").attr("src","test.jpg");
結果:

[ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]
---------------------------------------------------------------------------------------------------------------------------------------
attr(key,fn)
為所有匹配的元素設置一個計算的屬性值。
不提供值,而是提供一個函數,由這個函數計算的值作為屬性值。
Set a single property to a computed value, on all matched elements.
Instead of supplying a string value as described 'above', a function is provided that computes the value.
返回值
jQuery

參數
key (String) : 屬性名稱

fn (Function) : 返回值的函數 范圍:當前元素, 參數: 當前元素的索引值

示例
把src屬性的值設置為title屬性的值。

HTML 代碼:

<img src="test.jpg"/>
jQuery 代碼:

$("img").attr("title", function() { return this.src });
結果:

<img src="test.jpg" title="test.jpg" />
---------------------------------------------------------------------------------------------------------------------------------------
removeAttr(name)
從每一個匹配的元素中刪除一個屬性
Remove an attribute from each of the matched elements.
返回值
jQuery

參數
name (String) : 要刪除的屬性名

示例
將文檔中圖像的src屬性刪除

HTML 代碼:

<img src="test.jpg"/>
jQuery 代碼:

$("img").removeAttr("src");
結果:

[ <img /> ]
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved