jQuery選擇器總結 1

2021-09-29 08:08:38 字數 2466 閱讀 1665

jquery(「#id」)id選擇器,

$(「.class」)class選擇器,

$(「*」)選擇所有標籤,

$(「div」)標籤選擇器,選擇所有div,

$(「span,#id」)選擇所有span標籤和id為id的所有標籤的並集

$(「body div」)body標籤內所有的div

$(「body>div」)body標籤的所有子元素div,孫子不要

$(「#id + div」)id為id的標籤的下乙個div,需要是緊鄰著的

$(「#id ~ div」)id為id的標籤的後面的所有div兄弟元素

$(「#id」).silblings(「div」)id為id的標籤所有div兄弟標籤

$(「#id」).silblings()id為id的標籤所有兄弟標籤

$(「#id」).nextall(「span」)id為id的標籤的後面所有的兄弟span標籤

$(「#id」).nextall(「span:first」)id為id的標籤的第乙個兄弟span標籤

$(「#id」).prevall(「div」)id為id的標籤的前面的所有兄弟div標籤

:fast 選取第乙個元素 $(「div:first」) 第乙個div

:last 選取最後乙個元素 $(「div:last」) 最後乙個div

:not(selector)去除所有與給定選擇器匹配的元素 $(「div:not(.one)」)class不為one的所有div

:even選取索引時為偶數的所有元素。索引從0開始 $(「div:even()」)索引為偶數的div

:odd選取索引時為奇數的所有元素。索引從0開始 $(「div:odd()」)索引為奇數的div

:eq(index)選取索引等於index的元素,索引從0開始 $(「div:eq(3)」)索引為3的div

:gt(index)選取索引大於index的元素,索引從0開始 $(「div:gt(3)」)索引大於3的div

:lt(index)選取索引小於index的元素,索引從0開始 $(「div:lt(3)」)索引小於3的div

:header選取所有的標題標籤,如h1,h2 $(「:header」)

:animated選取當前正在執行動畫的所有元素 $(「:animated」)

:contains(text) 選取包含文字為text的元素 $(「span:contains』cc』」)包含文字內容為cc的span標籤

:empty 選擇不包含子元素或者文字的空元素 $(「div:empty」)選擇空的div

:has(selector) 選擇包含selector的父元素, $(『div:has(.mini)』) 選擇div內有標籤class為mini的div

:parent選擇含有子元素或者文字的元素 $(「div:parent」)選擇非空的div,自身為父元素,有子元素和文字

:hidden 選取所有不可見標籤 $(「div:hidden」) 不可見的div $(「:hidden」) 所有不可見標籤

:visible 選取所有可見的元素 $(「div:visible 」) 可見的div $(「:visible 」) 所有可見標籤

[attribute]選取含有此屬性的元素 $(「div[title]」)含有title屬性的div

[attribute=value] 選取屬性值=value的元素 $(「div[title=』test』]」) title屬性值為test的div

[attribute!=value] 選取屬性值不等於value的元素 $(「div[title!=』test』]」) title屬性值不為test的div,沒有title屬性的也會被選中

[attribute^=value] 選取屬性值以value開始的元素 (「d

iv[t

itle

=』te

』]」)

titl

e屬性值

以te開

始的di

v[at

trib

ut

e(「div[title^=』te』]」) title屬性值以te開始的div [attribute

(「div[

titl

e=』t

e』]」

)tit

le屬性

值以te

開始的d

iv[a

ttri

bute

=value] 選取屬性值以value結束的元素 (「d

iv[t

itle

(「div[title

(「div[

titl

e=』te』]」) title屬性值以te結束的div

[attribute*=value] 選取屬性值含有value的元素 $(「div[title*=』te』]」) title屬性值含有te的div

[selector1][selector2] $(「div[title][title!=』test』]」)含有title屬性,且title屬性不為test的div

jQuery選擇器總結

父元素中所有的子元素,不包括後代元 父元素 子元素 選擇某元素的緊挨著的元素 如果不存在則什麼都不選擇 某元素 需要查詢的元素 層次選擇器4 個 選擇父元素中的某些元素 父元素 子元素 選擇選擇兄弟元素 可以間隔其他元素 某元素 需要查詢的元素 簡單選擇器10 個 簡單選擇器的特點是有個 first...

Jquery選擇器總結

jquery中的選擇器通用的格式為 selector 這裡的selector總的來說可以按照幾種類別進行選擇 1 按照元素的名稱選 這時直接寫元素的名稱即可,此時返回的是所有該名稱元素的集合。如 a 選擇所有的元素,是個集合陣列 p 選擇所有的元素 2 按照元素的id屬性選擇 這時selector的...

jQuery選擇器總結

jquery 的選擇器可謂之強大無比,這裡簡單地總結一下常用的元素查詢方法 myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用my...