jQuery選擇器
基本選擇器
標籤選擇器：$(“temp”)
類選擇器：$(“.temp”) .
id選擇器：$(“#temp”) #
並集選擇器：$(“temp1,temp2”) ,
交集選擇器：$(“temp1.temp2”) //第一個爲標籤選擇器，後面爲類、id選擇器，中間沒空格
$(“h2.title”) 所有class爲title的h2元素
- 全局選擇器：$(*) 選取所有元素 *
層次選擇器
- 後代選擇器：$(“p span”) 空格隔開 後代包括孫代及更後的代 p中所有的span
- 子選擇器：$(“p>span”) > p中子代的span
- 相鄰元素選擇器：$(“h2+dl”) + 選取緊鄰h2元素後的同輩元素dl
- 同輩元素選擇器：$(“h2~dl”) ~ 選取h2元素後所有的同輩元素dl
屬性選擇器
[attribute] 選取包含給定屬性的元素 $(” [href]” )選取含有href屬性的元素
[attribute=value] 選取 等於 給定屬性是某個特定值的元素 $(“[href=’#’]”)
[attribute !=value] 選取 不等於 給定屬性是某個特定值的元素
[attribute^=value] 選取給定屬性是以某些特定值 開始 的元素
[attribute$=value] 選取給定屬性是以某些特定值 結尾 的元素
[attribute*=value] 選取給定屬性是以 包含 某些值的元素
[attribute1][attribute2] 選取滿足多個條件的複合屬性的元素 交集
$(“li[id][title=新聞要點]” )選取含有id屬性和title屬性爲新聞要點的\
- 元素
過濾選擇器 :
- :first 選取第一個元素 $(“li:lfrist”)選取所有li中第一個li元素
- :last 選取最後一個元素
- :even 選取索引是偶數的多有元素 （index從0開始）
- :odd 選取索引是基數的所有元素
- :eq(index) 選取索引等於index的元素 $(“li:eq(1)”) 選取索引爲1的li元素
- :lt(index) 選取索引小於index的元素
- :gt(index) 選取索引大於index的元素
- :not(selector) 選取去除所有給定選擇器匹配的元素 $(“:not(.three)”)選取class不是three的元素
- :header 選取所有標題元素,如h1~h6 $(“:header”)選取網頁中所有標題元素
- :focus 選取當前獲取焦點的元素 $(“:focus”)
- :visible 選取所有可見的元素 $(“:visible”)
- :hidden 選取所有隱藏的元素 $(“:hidden”)