jQuery之表單域選擇器學習筆記

2021-06-27 17:59:52 字數 1681 閱讀 7187

表單域選擇器:

專門用於從文件中選擇表單域,均以:開頭

表單域指:input,textarea,select,button

元素input具有各種各樣的

type

屬性值:

text,password,radio,checkbox

等。1】

:input

選擇器:

用於選擇所有

input,textarea,select,button

元素語法:$(

「:input」) 

2】:text

選擇器:

用於選擇所有單行文字框(

」text

」/>)

語法:$(

「:text」) 

3】:password

選擇器:

用於選擇所有密碼框(

」password

」/>)

語法:$(

「:password」) 

4】:radio

選擇器:用於選擇所有單選按鈕(

」radio

」/>)

語法:$(

「:radio」) 

5】:checkbox

選擇器:

用於選擇所有核取方塊(

」checkbox

」/>)

語法:$(

「:checkbox」) 

6】:file

選擇器:用於選擇所有的文字域(

」file

」/>)

語法:$(

「:file」) 

7】:image

選擇器:

用於選擇所有的影象域(

」image

」/>)

語法:$(

「:image」) 

8】:hidden

選擇器:

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

css display

屬性值為

none

)以及隱藏域(

」hidden

」/>)

語法:$(

「:hidden」) 

9】:button

選擇器:

用於選擇所有的按鈕(

」button

」/>)

語法:$(

「:button」) 

10】:submit

選擇器:

用於選擇所有的提交按鈕(

」submit

」/>)

語法:$(

「:submit」) 

11】:reset

選擇器:

用於選擇所有的重置按鈕(

」reset

」/>)

語法:$(

「:reset」) 

注:button

元素同時屬於$(「

:button

」) 和 $(「

:submit」) 

綜合例子:

文字框

密碼框

單選按鈕

核取方塊

影象 檔案域

隱藏域(不可見)

下拉列表

選項一選項二

選項三

提交按鈕

重置按鈕

文字區域:

效果圖:

jQuery之表單域選擇器

表單域是指網頁中的input,textarea,select和button元素。1 input選擇器 input 2 text選擇器 text 3 password選擇器 password 4 radio選擇器 radio 5 checkbox選擇器 checkbox 6 file選擇器 file ...

jQuery學習之 選擇器

常用的css選擇器 標籤選擇器 id選擇器 類選擇器 群組選擇器 後代選擇器 通配選擇器。標籤選擇器 e id選擇器 id 類選擇器 e.classname或是 classname 群組選擇器 e1,e2,e3 後代選擇器 e f元素e的任意後代元素f 通配選擇器 以文件的所有作為選擇符。為了實現內...

JQuery表單選擇器

input 表單選擇器可以實現,它的功能是返回 全部的表單元素 不僅包括所有標記的表單元素,而且還包括 和 標記的表單元素,因此,它選擇的表單元素是最廣的。如下圖所示,使用 input 表單選擇器獲取表單元素,並向這些元素增加乙個css樣式類別,修改它們在頁面中顯示的邊框顏色。通過呼叫 frmtes...