jQuery選擇器
$( "#id" )
$( ".class" )
$( "element" )
全選擇器(*選擇器) * {padding: 0; margin: 0;}
//子選擇器
??????? //$('div > p') 選擇所有div元素里面的子元素P
//后代選擇器
??????? //$('div? p') 選擇所有div元素里面的p元素
//相鄰兄弟選擇器
??????? //選取prev后面的第一個的div兄弟節點
??????? $(".prev + div")
//一般相鄰選擇器
??????? //選取prev后面的所有的div兄弟節點
??????? $(".prev ~ div").css("border", "3px groove blue");
基本篩選選擇器
篩選選擇器的用法與CSS中的偽元素相似,選擇器用冒號“:”開頭,通過一個列表,看看基本篩選器的描述:
注意事項:
- :eq(), :lt(), :gt(), :even, :odd 用來篩選他們前面的匹配表達式的集合元素,根據之前匹配的元素在進一步篩選,注意jQuery合集都是從0開始索引
- gt是一個段落篩選,從指定索引的下一個開始,gt(1) 實際從2開始
內容篩選選擇器
注意事項:
- :contains與:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素
- 如果:contains匹配的文本包含在元素的子元素中,同樣認為是符合條件的。
- :parent與:empty是相反的,兩者所涉及的子元素,包括文本節點