jQuery表單欄位選擇器用法分析_jquery

本文實例分析了jQuery表單域選擇器用法。分享給大家供大家參考。具體如下：

表單域是指網頁中的input,textarea, select和button元素。

1. :input選擇器

複製程式碼 程式碼如下:

$(":input")

2. :text選擇器

複製程式碼 程式碼如下:

$(":text")

3. :password選擇器

複製程式碼 程式碼如下:

$(":password")

4. :radio選擇器

複製程式碼 程式碼如下:

$(":radio")

5. :checkbox選擇器

複製程式碼 程式碼如下:

$(":checkbox")

6. :file選擇器

複製程式碼 程式碼如下:

$(":file")

7. :image選擇器

複製程式碼 程式碼如下:

$(":image")

8. :hidden選擇器

複製程式碼 程式碼如下:

$(":hidden")

用於選取所有不可見元素( css display 屬性值為none)以及隱藏域()

9. :submit選擇器

複製程式碼 程式碼如下:

$(":submit")

10. :reset選擇器

複製程式碼 程式碼如下:

$(":reset")

簡單實例：

複製程式碼 程式碼如下:

 
 
 
 
表單域選擇器標題> 
 
 
     $(文檔).ready(函數(){ 
            $(":text").attr("value", "文字方塊"); 
            $(":password").attr("value", "密碼框"); 
            $(":radio:eq(0)").attr("檢查", "true"); 
            $(":checkbox").attr("已選取", "true"); 
            $(":image").attr("src", "ICO.ICO"); 
            $(":file").css("寬度", "200px"); 
            $(":hidden").attr("value", "已儲存的數值"); 
            $("選擇").css("背景", "#FCF");   //注意沒有冒號
            $(":提交").attr("id", "btn1"); 
            $(":reset").attr("name", "btn"); 
            $("textarea").attr("value", "文字域");   //注意沒有冒號
         }); 
腳本> 
頭> 
 
 
   
   
    文字方塊 
     
    密碼框 
     
   
   
    單選按鈕 
     
    包裝 
     
   
   
    圖片 
     
    檔案域 
     
   
   
    隱藏域 
    （看不見） 
    下拉清單 
    選項一 選項二 選項三> ; 
   
   
    提交按鈕 
     
    重置按鈕 
     
   
   
     文字區域：