您當前位置：首頁 > web前端 > jquery > jQuery-Selectors(選擇器)的使用(九、表單對象屬性篇)

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

來源：程序員人生發布時間：2014-04-14 00:58:12 閱讀次數：4305次

本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法，我將以實例方式進行講述，以簡單，全面為基礎，不會涉及很深，我的學習方法：先入門，后進階！
本系列文章分為：基本篇、層次篇、簡單篇、內容篇、可見性篇、屬性篇、子元素篇、表單篇、表單對象屬性篇共9篇文章。
本篇講解：:enabled,:disabled,:checked,:selected的用法。
您對本系列文章有任何建議或意見請發送到郵箱：sjzlgt@qq.com
由于是第一次寫技術性系列文章，難免會出錯或代碼BUG，歡迎指出，在此謝過！
在IE6、IE7、火狐下測試過了，效果都能實現。
您可以到jQuery官網來學習更多的有關jQuery知識。
版權所有：code-cat 博客:http://www.cnblogs.com/bynet/ 轉載請保留原作者、出處和版權信息！

在IE6、IE7、火狐下測試過了，效果都能實現。

1. :enabled用法
定義：匹配所有可用元素
返回值：Array<Element>
實例：將ID為"div_a1"的DIV中所有可用的input元素的背景色改為紅色
代碼： $("#div_a1 input:enabled").css("background-color","red"); //點擊按鈕一將執行這句代碼

DIV ID="div_a1"
span ID="span_a1"

2. :disabled用法
定義：匹配所有不可用元素
返回值：Array<Element>
實例：將ID為"div_b1"的DIV中所有不可用的input元素的背景色改為紅色
代碼： $("#div_b1 input:disabled").css("background-color","red"); //點擊按鈕二將執行這句代碼

DIV ID="div_b1"
span ID="span_b1"

3. :checked用法
定義：匹配所有選中的被選中元素(復選框、單選框等，不包括select中的option)
返回值：Array<Element>
實例：將ID為"div_c1"的DIV中所有包含選中狀態復選框的元素背景色改為紅色
代碼： $("#div_c1 :has(input[type='checkbox']:checked)").css("background-color","red"); //點擊按鈕三將執行這句代碼注意：:has(selector)用法參見內容篇&可見性篇第3點， [type='checkbox']用法參見屬性篇第2點。

4. :selected用法
定義：匹配所有選中的option元素
返回值：Array<Element>
實例：將ID為"div_d1"的DIV中所有select元素中選中的option元素的text值寫入div_d1_1中
代碼： var SelectedText=$("#div_d1 :selected"); //點擊按鈕四將執行這句代碼

詳細代碼如下：