JQuery表單選擇器

2021-07-02 12:30:31 字數 1500 閱讀 4518

:input

表單選擇器可以實現,它的功能是返回

全部的表單元素

,不僅包括所有標記的表單元素,而且還包括、和 標記的表單元素,因此,它選擇的表單元素是最廣的。

如下圖所示,使用

:input

表單選擇器獲取表單元素,並向這些元素增加乙個css樣式類別,修改它們在頁面中顯示的邊框顏色。

通過呼叫$("#frmtest :input")表單選擇器**獲取了表單中的全部元素,並使用addclass()方法修改它們在頁面中顯示的邊框顏色。addclass()方法的功能是為元素新增指定的樣式類別名稱

:text表單文字選擇器可以獲取表單中全部單行的文字輸入框元素,單行的文字輸入框就像乙個不換行的字條工具,使用非常廣泛。

例如,在表單中新增多個元素,使用:text選擇器獲取單行的文字輸入框元素,並修改字的邊框顏色,如下圖所示:

如果想要獲取密碼輸入文字框,可以使用:password選擇器,它的功能是獲取表單中全部的密碼輸入文字框元素。

表單中的單選按鈕常用於多項資料中僅選擇其一,而使用:radio選擇器可輕鬆獲取表單中的全部單選按鈕元素。

例如,在表單中新增多種型別的表單元素,使用:radio選擇器獲取並隱藏這些元素中的全部單選按鈕元素,如下圖所示:

表單中的核取方塊常用於多項資料的選擇,使用:checkbox選擇器可以快速定位並獲取表單中的核取方塊元素。

例如,在表單中增加多個不同型別的元素,使用:checkbox選擇器獲取其中的全部核取方塊元素,並將它們全部設為選中狀態,如下圖所示:

通常情況下,乙個表單中只允許有乙個「type」屬性值為「submit」的提交按鈕,使用:submit選擇器可獲取表單中的這個提交按鈕元素。

例如,在表單中新增多個不同型別的按鈕,使用:submit選擇器獲取其中的提交按鈕,並使用

attr()

方法修改按鈕顯示的文字內容,如下圖所示:

當乙個元素的「type」屬性值設為「image」時,該元素就是乙個影象域,使用:image選擇器可以快速獲取該類全部元素。例如,在表單中新增兩種型別的影象元素,使用

:image

選擇器獲取其中的一種影象元素,並改變該元素的邊框樣式,如下圖所示:

表單中包含許多態別的按鈕,而使用:button選擇器能獲取且只能獲取「type」屬性值為「button」的和這兩類普通按鈕元素

例如,在表單中新增多種型別的按鈕元素,使用:button選擇器獲取其中的普通按鈕元素,並修改它們的邊框色,如下圖所示:

有一些元素存在選中狀態,如核取方塊、單選按鈕元素,選中時「checked」屬性值為「checked」,呼叫:checked可以獲取處於選中狀態的全部元素。

例如,在表單中新增多個核取方塊和單選按鈕,其中有一些元素處於選中狀態,使用:checked獲取並隱藏處於選中狀態的元素,如下圖所示:

與:checked選擇器相比,

:selected

選擇器只能獲取下拉列表框中全部處於選中狀態的選項元素。

例如,在乙個新增多個選項的下拉列表框中,使用:selected選擇器修改處於選中狀態的內容值,如下圖所示:

jQuery 表單選擇器

一 常規選擇器 input val 預設獲取第乙個表單元素 input eq 1 val 獲取第二個表單元素 input type password val 選擇所有type為password的表單元素 input name user val 選擇所有name為user的表單元素 二 表單選擇器 i...

jQuery表單選擇器

input 獲取表單全部元素 text 表單文字選擇器,可以獲取表單中全部單行的文字輸入框元素 password 獲取密碼輸入文字框 radio 獲取表單中的全部單選按鈕元素 checkbox 快速定位並獲取表單中的核取方塊元素 submit 獲取表單中的提交按鈕元素 image 選擇器獲取影象元素...

Jquery 表單選擇器

表單選擇器 input 匹配所有的input textarea select和button元素,示例 myform input 選取表單中所有的input select和button元素 text 匹配所有單行文字框,示例 myform text 選取文字框 password 匹配所有密碼框,示例 ...