Jquery學(xué)習(xí)筆記-表單元素選擇器

1. :input表單選擇器可以實(shí)現(xiàn)，它的功能是返回全部的表單元素，不僅包括所有<input>標(biāo)記的表單元素，而且還包括<textarea>、<select> 和 <button>標(biāo)記的表單元素，因此，它選擇的表單元素是最廣的。

$("#frmTest :input")表單選擇器代碼獲取了表單中的全部元素

2. :text表單文本選擇器可以獲取表單中全部單行的文本輸入框元素，單行的文本輸入框就像一個(gè)不換行的字條工具，使用非常廣泛。

通過:text表單選擇器只獲取單行的文本輸入框元素，對于<textarea>區(qū)域文本、按鈕元素?zé)o效。

3. 使用:password選擇器，它的功能是獲取表單中全部的密碼輸入文本框元素。

4. 表單中的單選按鈕常用于多項(xiàng)數(shù)據(jù)中僅選擇其一，而使用:radio選擇器可輕松獲取表單中的全部單選按鈕元素。

5. 復(fù)選框常用于多項(xiàng)數(shù)據(jù)的選擇，使用:checkbox選擇器可以快速定位并獲取表單中的復(fù)選框元素。

6. 通常情況下，一個(gè)表單中只允許有一個(gè)“type”屬性值為“submit”的提交按鈕，使用:submit選擇器可獲取表單中的這個(gè)提交按鈕元素。

$("#frmTest input:submit").addClass("bg_red");

7. 當(dāng)一個(gè)<input>元素的“type”屬性值設(shè)為“p_w_picpath”時(shí)，該元素就是一個(gè)圖像域，使用:p_w_picpath選擇器可以快速獲取該類全部元素。

使用:p_w_picpath選擇器只能獲取<input>圖像域，而不能獲取<img>格式的圖像元素。

8. 表單中包含許多類型的按鈕，而使用:button選擇器能獲取且只能獲取“type”屬性值為“button”的<input>和<button>這兩類普通按鈕元素。

9. 有一些元素存在選中狀態(tài)，如復(fù)選框、單選按鈕元素，選中時(shí)“checked”屬性值為“checked”，調(diào)用:checked可以獲取處于選中狀態(tài)的全部元素。

10. 與:checked選擇器相比，:selected選擇器只能獲取<select>下拉列表框中全部處于選中狀態(tài)的<option>選項(xiàng)元素。

:之前有空格表示這個(gè)類下面的子元素，沒有空格表示的就是自身的。