jQuery之選擇器

2021-07-31 01:23:04 字數 2251 閱讀 1858

選擇器

說明返回值

#idid選擇器

單個元素

element

元素選擇器

同型別集合元素

.class

類選擇器

集合元素

*通配選擇器

所有元素集合

select1,select2,select3

組選擇器

集合元素

選擇器說明

ancestor descendant

包含選擇器

parent > child

子選擇器

prev + next

相鄰選擇器

prev ~ siblings

兄弟選擇器

選擇器說明

:first

匹配找到的第乙個元素

:last

匹配找的的最後乙個元素

:not

去除匹配的元素

:even

匹配索引值為偶數的元素

:odd

匹配索引值為奇數的元素

:eq匹配給定的索引值

:gt匹配大於給定的索引值

:lt匹配小於給定的索引值

:header

匹配如h1,h2,h3之類的標題元素

:animated

匹配所有正在執行動畫效果的元素

選擇器說明

:contains

包含給定文字的元素

:empty

匹配所有不包含子子元素或者文字的空元素

:has

匹配含有給定元素的元素

:parent

匹配含有子元素或者文字的元素

選擇器說明

:hidden

所有不可見元素 或者type為hidden的元素

:visible

所有可見的元素

選擇器說明

:nth-child

匹配器父元素下的第n個元素

:first-child

第乙個子元素

:last-child

匹配最後乙個子元素

only-child

匹配只有乙個子元素的元素

選擇器例項

說明:input

$(":input")

所有 input 元素

:text

$(":text")

所有 type="text" 的 input 元素

:password

$(":password")

所有 type="password" 的 input元素

:radio

$(":radio")

所有 type="radio" 的 input 元素

:checkbox

$(":checkbox")

所有 type="checkbox" 的input 元素

:submit

$(":submit")

所有 type="submit" 的 input 元素

:reset

$(":reset")

所有 type="reset" 的 input 元素

:button

$(":button")

所有 type="button" 的 input 元素

:image

$(":image")

所有 type="image" 的 input 元素

:file

$(":file")

所有 type="file" 的 input 元素

選擇器說明

:enabled

所有可用元素

:disabled

不可用元素

:checked

匹配被選中的元素(單選框、核取方塊)

:selected

所有被選中的option元素

選擇器例項

說明[attribute]

$("[href]")

所有帶有 href 屬性的元素

[attribute=value]

$("[href='#']")

所有 href 屬性的值等於 "#" 的元素

[attribute!=value]

$("[href!='#']")

所有 href 屬性的值不等於 "#" 的元素

所有 href 屬性的值包含以 ".jpg" 結尾的元素

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...

jQuery選擇器之全選擇器(選擇器)

jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...

jquery選擇器之層次選擇器

層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...