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

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

來源：程序員人生發(fā)布時(shí)間：2014-04-14 00:58:12 閱讀次數(shù)：4314次

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

在IE6、IE7、火狐下測(cè)試過了，效果都能實(shí)現(xiàn)。

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

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

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

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

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

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

詳細(xì)代碼如下：