jQuery表單元素過(guò)濾選擇器用法實(shí)例分析
本文實(shí)例講述了jQuery表單元素過(guò)濾選擇器用法。分享給大家供大家參考，具體如下：
前面jQuery內(nèi)容過(guò)濾選擇器與子元素過(guò)濾選擇器，其中的例子稍微多一些解釋也有點(diǎn)繞口，希望能幫助大家理解。今天學(xué)習(xí)表單元素過(guò)濾選擇器，下面請(qǐng)看使用方法。
一、:enabled
選擇器：:enabled
描述：匹配所有可用元素
返回值：元素集合
示例：
$("input.mini:enabled")
//input.mini是DOM元素集合，:enabled是過(guò)濾條件
二、:disabled
選擇器：:disabled
描述：匹配所有不可用元素
返回值：元素集合
示例：
$("input.mini:disabled")
//input.mini是DOM元素集合，:disabled是過(guò)濾條件
三、:checked
選擇器：:checked
描述：匹配所有被選中的元素（復(fù)選框、單選框等，不包括select中的option）
返回值：元素集合
示例：
//【寫(xiě)法1】寫(xiě)法1與寫(xiě)法2等價(jià)
var checkedValues = $("input[type='checkbox']:checked")//input[type='checkbox']是DON元素集合，:checked是過(guò)濾條件，實(shí)際選中的是checkbox
//【寫(xiě)法2】
var checkedValues = $(":checkbox:checked");
checkedValues.each(function(i,checkedValue){
alert($(checkedValue).val());
});
四、:selected
選擇器：:selected
描述：匹配所有選中的option元素
返回值：元素集合
示例：
//【寫(xiě)法1】
$("select option:selected")//select option是DOM元素集合，:selected是過(guò)濾條件，實(shí)際選中的是option
//【寫(xiě)法2】
$("select :selected")
若select中只有option子元素時(shí)，那寫(xiě)法1與寫(xiě)法2是等效的。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jQuery頁(yè)面元素操作技巧匯總》、《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
關(guān)于juqery radio寫(xiě)法的兼容性問(wèn)題(新老版本jquery)
最近經(jīng)客戶(hù)反映，頁(yè)面某些效果無(wú)反應(yīng)，經(jīng)查找，發(fā)現(xiàn)juqery的寫(xiě)法有問(wèn)題（jquery獲取radio值）,主要是因?yàn)樾掳姹拘薷牧瞬糠謱?shí)現(xiàn)方式。2010-06-06
jQuery關(guān)鍵詞說(shuō)明插件cluetip使用指南
我們?cè)谧鰓eb項(xiàng)目的時(shí)候，經(jīng)常會(huì)使用到提示效果。html自帶的提示效果是label標(biāo)簽的title，但是這個(gè)效果過(guò)于簡(jiǎn)單和難看，并且不方便調(diào)整樣式。今天我偶然發(fā)現(xiàn)個(gè)jQuery的插件，可以很方便的做出漂亮的提示效果。2015-04-04
下面小編就為大家?guī)?lái)一篇jQuery數(shù)組處理函數(shù)整理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
本文給大家分享的是使用abort來(lái)終止JQUERY的$.AJAX請(qǐng)求的方法和示例，有需要的小伙伴可以參考下2016-02-02
這篇文章給大家介紹了jquery 圖片輪播代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-01-01
這篇文章主要介紹了分別用jQuery和CSS將背景圖片進(jìn)行拉伸，讓它在頁(yè)面中隨著瀏覽器尺寸進(jìn)行拉伸，就像我們的電腦桌面壁紙效果,需要的朋友可以參考下2015-10-10
jQuery學(xué)習(xí)筆記——jqGrid的使用記錄（實(shí)現(xiàn)分頁(yè)、搜索功能）
這篇文章主要介紹了jQuery學(xué)習(xí)筆記——jqGrid的使用記錄（實(shí)現(xiàn)分頁(yè)、搜索功能），想要學(xué)習(xí)jQuery的可以了解一下。2016-11-11
這篇文章主要介紹了使用jQuery制作基礎(chǔ)的Web圖片輪播效果的實(shí)例,鼠標(biāo)懸停時(shí)可停止而離開(kāi)時(shí)可自動(dòng)輪播,文中還介紹了一種使用zslider插件來(lái)實(shí)現(xiàn)的方法,比較犀利,需要的朋友可以參考下2016-04-04
jQuery實(shí)現(xiàn)下拉框選擇圖片功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)下拉框選擇圖片功能,可實(shí)現(xiàn)帶圖片的下拉列表功能,涉及jquery插件imageselect.js的使用,需要的朋友可以參考下2015-08-08
自己以前做的列表雙向選擇器，感覺(jué)有點(diǎn)挫，昨天閑著沒(méi)事改進(jìn)了一下，把元素改成了select option這樣就支持shift多選，感覺(jué)好多了2013-08-08