jQuery 表單選擇器

版權聲明：本文為部落客原創文章，轉載請注明出處。 https://blog.csdn.net/twilight_karl/article/details/71506719

• :input 選取所有表單元素，傳回集合
• :text 選擇所有單行文本框，即 type=text 集合元素
• :password 選擇所有密碼框，即 type=password 集合元素
• :radio 選擇所有單選框，即 type=radio 集合元素
• :checkbox 選擇所有複選框，即 type=checkbox 集合元素:submit 選取所有送出按鈕，即 type=submit 集合元素
• :reset 選取所有重置按鈕，即 type=reset 集合元素
• :image 選取所有圖像按鈕，即 type=image 集合元素
• :button 選擇所有普通按鈕，即 button 元素 集合元素
• :file 選擇所有檔案按鈕，即 type=file 集合元素
• :hidden 選擇所有不可見字段，即 type=hidden 集合元素

對于以下表單：

<form>
<input type="text" name="user" value="123" disabled/>
<input type="password" name="pass" value="456"/>
<textarea></textarea>
<select>
    <option value="1">1</option> 
    <option value="2" selected>2</option>
    <option value="3">3</option>
</select>

<select>
    <option value="4">4</option> 
    <option value="5" selected>5</option>
    <option value="6">6</option>
</select>
<button>2333</button>

<input type="radio" name="sex" value="nan" checked>男
<input type="radio" name="sex" value="nv">女
</form>           

相應的操作：

alert($('input').size());          // 2 必須是input标簽
alert($(':input').eq(1).val());    // 5 所有表單控件
alert($(':input').val());          // 預設擷取集合中第一個的值           

表單過濾器

• :enabled 選取所有可用元素 集合元素
• :disabled 選取所有不可用元素 集合元素
• :checked 選取所有被選中的元素，單選和複選字段 （測試時發現也可以選中下拉清單）
• :selected 選取所有下拉清單中被選中的元素，獲得標明的元素的option對象

alert($(':enabled').size());   // 擷取所有可用的元素
alert($(':disabled').val());   // 擷取所有不可用的元素

alert($(':selected').size());  // 擷取所有下拉框中被選中的元素 傳回集合
alert($(':selected').size());  // select 可以識别selected    checked可以識别checked和selected