表單選擇器

2021-10-06 03:18:15 字數 1476 閱讀 3821

表單選擇器是匹配經常在表單內出現的元素,但是匹配的元素不一定在表單中。

:input 匹配所有的input元素

:button 匹配所有的普通按鈕,即type='button』的input元素

:checkbox 匹配所有的核取方塊

:file 匹配所有的檔案域

:image 匹配所有的影象域

:password 匹配所有的密碼域

:radio 匹配所有的單選按鈕

:reset 匹配所有的重置按鈕(type='reset』的input元素)

:submit 匹配所有的提交按鈕(type='submit』的input元素)

:text 匹配所有的當行文字框

demo:

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

"x-ua-compatible" content=

"ie=edge"

>

jquery之表單選擇器<

/title>

"../js/jquery.min.js"

>

<

/script>

$(function()

);<

/script>

<

/head>

"" method=

"get"

>

核取方塊:

"checkbox"

/>

單選按鈕:

"radio"

/>

影象域:

"image"

/>

檔案域:

"file"

/>

密碼域:

"password"

>

文字框:

"text" width=

"150px"

>

按鈕:"button"

value

="按鈕"

>

重置:"reset"

value

="重置"

>

提交:"submit"

value

="提交"

>

隱藏域:

"hidden"

value

="這是隱藏的元素"

/>

="testdiv"

>

"blue"

>隱藏域的值<

/font>

<

/div>

<

/form>

<

/body>

<

/html>

表單選擇器

顧名思義,表單選擇器是為了能更加容易地操作表單,表單選擇器是根據元素型別來定義的。表單選擇器規則 表單選擇器 選 擇 器 描 述返 回 示 例 input 選取所有的 和元素集合元素 input 選取所有的 和元素 text 選取所有的單行文字框 集合元素 text 選取所有的單行文字框 passw...

表單選擇器

表單選擇器 方法名描述返回 input 選取所有 input textarea select 和button 元素集合元素 text 選擇所有單行文字,即 type text 集合元素 password 選擇所有密碼框,即 type password 集合元素 radio 選擇所有單選框,即 typ...

表單選擇器,層次選擇器

jquery在大二的時候接觸過,但是做的那個淡入淡出的效果。昨天上的第一堂課,老師說,主要包括類選擇器,昨天下午聽的時候感覺很簡單,但是自己要是做起來,就不是那麼容易了,一開始寫的時候,括號裡面,引用class的時候前面要有個 引用id的時候前面要用 後面要有css樣式的話要.css 屬性 數值,或...