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...