jQuery表單表單域屬性過濾器用法分析_jquery

本文實例講述了jQuery表單域屬性過濾器用法。分享給大家供大家參考。具體分析如下：

表單內包含各種各樣的表單域，使用表單域屬性選擇器可以很好的獲取已被選中的單選按鈕，複選框以及列表項，也可以根據是否可用從文檔中查找表單域。

1. :checked選擇器

用於選取所有已選取的表單欄位。格式:

複製程式碼 程式碼如下:

$("selector:checked")

可以是input，radiod和checkbox

2. :enabled選擇器

用於選擇所有可用的表單域，格式：

複製程式碼 程式碼如下:

$("selector :enabled")

3. :disabled選擇器

用於選擇所有被停用的表單域，格式:

複製程式碼 程式碼如下:

$(" selector:disabled")

4. :selected選擇器

用於從列錶框選擇所有選取的option元素，格式:

複製程式碼 程式碼如下:

$ ("selector:selected")

5. :hidden選擇器

用於選擇所有的不可見元素

複製程式碼 程式碼如下:

$("selector:hidden")

6. :visible選擇器

用來選擇所有的可見元素

簡單範例：

複製程式碼 程式碼如下:

 
 
 
 
 
 
 
 
 

表單域屬性過濾選擇器應用範例

 
 
   
     
     
   
   
     
     
   
   
     
     
   
    
     
     
   

複選框：	被選取的複選框      被選取的複選框      沒有被選取的複選框
可用文字方塊：
不可用文字方塊：
下拉清單	浙江       湖南       北京       天津       廣州        湖北

 
 

效果圖：

希望本文所述對大家的jQuery程式設計有所幫助。