jQuery 選擇器

1.parent > child : 給定的父元素下匹配所有的子元素
2.prev + next 匹配所有緊接在prev元素後的next元素
3.prev ~ siblings 匹配prev元素之後的所有siblings元素(同輩)
4.:first獲取匹配到的第一個元素
5.:not(selector)去除所有與給定選擇器匹配的元素
6.:even 匹配所有索引值爲偶數的元素,從0開始。
7.:odd 匹配所有索引值爲奇數的元素,從0開始計數
8.:eq(index)匹配一個給定索引值的元素,從0開始計數
9.:gt(index) 匹配所有大於給定索引值的元素(不包括相等的),從0開始計數
10.:lt():匹配所有小於給定索引值的元素(不包括相等的),從0開始計數
11.:last():獲取最後一個元素
12.:lang(language):選擇指定語言的所有元素
13.:header:匹配如h1,h2,h3之類的標題元素
14.:animated 匹配所有正在執行動畫效果的元素 (animate({left:"+=20"},1000))
15.:focus 匹配當前獲取焦點的元素
16.:root 選擇該文檔的根元素(<html>)
17.:contains(text) 匹配包含給定文本的元素
18.:empty 匹配所有不包含子元素或者文本的空元素
19.:has(selector) 匹配含有選擇器所匹配的元素的元素(匹配元素本身)
20.:parent 匹配含有子元素或者文本的元素
21.:hidden 匹配所有不可見元素,或者type爲hidden的元素/display:none;
22.:visible 匹配所有的可見元素
23.[attribute] 匹配包含給定屬性的元素
24.[attribute = value] 匹配給定屬性是某個特定值的元素
25.[attribute()=value]()裏面填寫 !:不含指定的屬性。 ^:以某些值開始的元素。&:以某些值結尾的元素。*:包含某些值的元素(模糊匹配)
26.[selector1][selector2][selector3]:複合屬性選擇器,需要同時滿足多個條件時使用
27.:first-child 匹配所給選擇器(:之前的選擇器)的第一個子元素
28.:last-child 匹配最後一個子元素(只匹配到最後一個元素,而此選擇符將爲每個父元素匹配最後一個子元素)
29.:nth-child() 匹配其父元素下的第N個子或奇偶元素。($("ul li:nth-child(2)"))
30.:nth-last-child(n|even|odd|formula) 選擇所有他們父元素的第n個子元素。計數從最後一個元素開始到第一個
31.:only-child 如果某個元素是父元素中唯一的子元素,那將會被匹配
32.:input 匹配所有input ,textarea,select 和button元素
33.:text 匹配所有的單行文本框(type=text)
34.:password 匹配所有的密碼框(type=password)
35.:radio 匹配所有的單選按鈕(type=radio)
36.:checkbox 匹配所有的複選框
37.:submit 匹配所有的提交按鈕
38.:image 匹配所有圖像域
39.:reset 匹配所有重置按鈕
40.:button 匹配所有按鈕
41.:file 匹配所有文件域
42.:enabled 匹配所有可用元素
43.:disabled 匹配所有不可用元素
44.:checked 匹配所有選中的被選中元素
45.:selected 匹配所有選中的option元素
46.$.escapeSelector(selector):這個方法通常被用在類選擇器或者id選擇器中包含一些css特殊字符的時候($( "div" ).find( "." + $.escapeSelector( ".box" ) );)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章