選擇符
匹配元素
*所有元素
id給定id的元素
element
給定型別的所有元素
.class
給定類的所有元素
a,b與a或b匹配的元素
a ba的後代元素中與b匹配的元素
a>b
a的直接子元素中與b匹配的元素
a+ba的直接同輩元素中與b匹配的元素
a~ba的同輩元素中與b匹配的元素
選擇符匹配元素
a b:nth-child(index)
a的子元素中，第index個與b匹配的元素（從1開始計數）
a b:nth-child(even)
a的子元素中，第偶數個與b匹配的元素（從1開始計數）
a b:nth-child(odd)
a的子元素中，第奇數個與b匹配的元素（從1開始計數）
a b:nth-child(2n+2)
a的子元素中，第2n+2個與b匹配的元素（從1開始計數）,n為自然數
a b:nth-last-child()
同:nth-child()，從最後乙個元素開始計數
a b:first-child
a的子元素中，第1個與b匹配的元素
a b:last-child
a的子元素中，最後乙個個與b匹配的元素
:only-child
作為其父元素唯一乙個子元素的元素
a b:nth-of-type()
同:nth-child()，只計同類元素
a b:nth-last-of-type()
同:nth-last-child()，只計同類元素
a b:first-of-type()
同:first-child()，只計同類元素
a b:last-of-type()
同:last-child()，只計同類元素
a b:only-of-type()
沒有同名元素的元素
選擇符匹配元素
[attr]
帶有屬性attr的元素
[attr="value"]
attr屬性值為value的元素
[attr!="value"]
attr屬性值不為value的元素）
[attr^="value"]
attr屬性值以value開頭的元素
[attr$="value"]
attr屬性值以value結尾的元素
[attr*="value"]
attr屬性值包含value字串的元素
[attr~="value"]
attr屬性值是空格分隔的字串，其中乙個字串值是value的元素
[attr|="value"]
attr屬性值等於value或value後跟乙個連字元(-)的元素
選擇符匹配元素
:input
所有、、和元素
:text
type=」text」的元素
:password
type=」password」的元素
:file
type=」file」的元素
:radio
type=」radio」的元素
:checkbox
type=」checkbox」的元素
:submit
type=」submit」的元素
:image
type=」image」的元素
:reset
type=」reset」的元素
:button
type=」button」的元素
:enabled
啟用的表單元素
:disabled
禁用的表單元素
:checked
選中的核取方塊和單選按鈕
:selected
選中的元素
選擇符匹配元素
:root
文件根元素
:header
標題元素，h1~h6
:animated
動畫正在執行的元素
:contains(text)
包含文字text的元素
a:empty
不包含子節點的a元素
a:has(b)
至少包含乙個b元素匹配的a元素(返回父元素a而非子元素b)
:parent
與:empty相反，返回包含子節點的元素
:hidden
隱藏的元素，包括
:visible
可見元素
:focus
獲得焦點的元素
:lang(language)
給定語言**的元素
:target
uri識別符號指向的目標元素，具體見：:target用法
這類選擇器在css中不存在，但可以用於jquery的結果中進行篩選。
選擇符匹配元素
:first
結果集中的第乙個元素，對應方法為first(),如$("a b:first")<==>$("a b").first()
:last
結果集中的最後乙個元素，對應方法為last(),如$("a b:last")<==>$("a b").last()
:not(a)
結果集中不與a匹配的元素，對應方法為not(),如$("a b:not(c)")<==>$("a b").not(c)
:even
結果集中索引是偶數的元素(從0開始),如$("a b:even")
:odd
結果集中索引是奇數的元素(從0開始),如$("a b:odd")
:eq(index)
結果集中索引是index的元素(從0開始),對應方法是eq(index),如$("a b:eq(2)")<==>$("a b").eq(2)
:gt(index)
結果集中索引大於index的元素(從0開始),如$("a b:gt(2)")
:lt(index)
結果集中索引小於index的元素(從0開始),如$("a b:lt(2)")
JQuery選擇器歸納
1 基本選擇器 選擇符匹配元素 所有元素 id給定id的元素 element給定型別的所有元素 class給定類的所有元素 a,b與a或b匹配的元素 a ba的後代元素中與b匹配的元素 a ba的直接子元素中與b匹配的元素 a ba的直接同輩元素中與b匹配的元素 a ba的同輩元素中與b匹配的元素 ...
選擇器歸納
一 新增選擇器 att val 匹配具有att屬性，並以值val開頭。示例 測試資料a1 測試資料a2 測試資料b2 測試資料b1 測試資料c1 測試資料c2 測試資料c3 示例 測試資料a1 測試資料a2 測試資料b2 測試資料b1 測試資料c1 測試資料c2 測試資料c3 二 結構性偽類 1 e...
jQuery選擇器總結
父元素中所有的子元素，不包括後代元 父元素 子元素 選擇某元素的緊挨著的元素 如果不存在則什麼都不選擇 某元素 需要查詢的元素 層次選擇器4 個 選擇父元素中的某些元素 父元素 子元素 選擇選擇兄弟元素 可以間隔其他元素 某元素 需要查詢的元素 簡單選擇器10 個 簡單選擇器的特點是有個 first...