系列文章導航：

jQuery-Selectors(選擇器)的使用(一、基本篇)

jQuery-Selectors(選擇器)的使用(二、層次篇)

jQuery-Selectors(選擇器)的使用(三、簡單篇)

jQuery-Selectors(選擇器)的使用(四--五、內容篇&可見性篇)

jQuery-Selectors(選擇器)的使用(六、屬性篇)

jQuery-Selectors(選擇器)的使用(七、子元素篇)

jQuery-Selectors(選擇器)的使用(八、表單篇)

jQuery-Selectors(選擇器)的使用(九、表單對象屬性篇)

首先，感謝大家對本系列文章的關注及提出的BUG。

我寫文章時，用的是IE7的環境，沒有考慮到火狐和其它瀏覽器，這是我的疏忽，在以后的文章中，我會作瀏覽器測試。經我測試，Radio和CheckBox在火狐瀏覽器下改變背景色是體現不出來的，在IE8下亦是如此，添加邊框也是體現不出來的，如$("input").css("border","red 2px solid");是沒有效果的。但jQuery選擇器選擇的結果是正確的，如果您用$("input").attr("checked","true");這句代碼即可測出。

這篇文章我一有時間就會做出修改，找一些火狐、IE等瀏覽器都支持的效果來作為實例。

1. [attribute]用法
定   義：匹配包含給定屬性的元素
返回值：Array
參   數：attribute (String) : 屬性名
實   例：將ID為"div_a1"的DIV中有ID屬性的span元素的背景色改為紅色
代   碼： $("#div_a1 span[id]").css("background-color","red"); //點擊按鈕一將執行這句代碼

2. [attribute=value]用法
定   義：匹配給定的屬性是某個特定值的元素
返回值：Array
參   數：attribute (String):屬性名 value (String):屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。
實   例：將ID為"div_b1"的DIV中name屬性值為chk_attribute_test的input元素的背景色改為紅色
代   碼：$("#div_b1 input[name=chk_attribute_test]").css("background-color","red"); //點擊按鈕二將執行這句代碼

3. [attribute!=value]用法
定   義：匹配給定的屬性是不包含某個特定值的元素
返回值：Array
參   數：attribute (String):屬性名 value (String):屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。
實   例：將ID為"div_c1"的DIV中name屬性值不是chk_attribute_test的input元素的背景色改為紅色
代   碼：$("#div_c1 > input[name!=chk_attribute_test]").css("background-color","red"); //點擊按鈕三將執行這句代碼

注意：這里我用了'>'，如果將'>'換成' '，則按鈕三的背景顏色也會變成紅色

4. [attribute^=value]用法
定   義：匹配給定的屬性是以某些值開始的元素
返回值：Array
參   數：attribute (String):屬性名 value (String):屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。
實   例：將ID為"div_d1"的DIV中name屬性值以'txt'開頭的input元素的背景色改為紅色
代   碼：$("#div_d1 > input[name^=txt]").css("background-color","red"); //點擊按鈕四將執行這句代碼

5. [attribute$=value]用法
定   義：匹配給定的屬性是以某些值結尾的元素
返回值：Array
參   數：attribute (String):屬性名 value (String):屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。
實   例：將ID為"div_e1"的DIV中name屬性值以'list'結尾的input元素的背景色改為紅色
代   碼：$("#div_e1 > input[name$=list]").css("background-color","red"); //點擊按鈕五將執行這句代碼

6. [attribute*=value]用法
定   義：匹配給定的屬性是以包含某些值的元素
返回值：Array
參   數：attribute (String):屬性名 value (String):屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。
實   例：將ID為"div_f1"的DIV中name屬性值包含'_'的input元素的背景色改為紅色
代   碼：$("#div_f1 > input[name*=_]").css("background-color","red"); //點擊按鈕六將執行這句代碼

7. [selector1][selector2][selectorN]用法
定   義：復合屬性選擇器，需要同時滿足多個條件時使用。
返回值：Array
參   數：selector1 (Selector):屬性選擇器 selector2 (Selector):另一個屬性選擇器，用以進一步縮小范圍 selectorN (Selector):任意多個屬性選擇器
實   例：將ID為"div_g1"的DIV中有id屬性且name屬性值以'rd'開頭和以'test'結尾的input元素的背景色改為紅色
代   碼：$("#div_g1 > input[id][name$=test][name^=rd]").css("background-color","red"); //點擊按鈕七將執行這句代碼

   你可以下載這篇文章的HTML源文件：download