jquery強大的選取器---來源《鋒利的jquery》

標籤：

一、基本選取器

1、#id  根據給定的id匹配一個元素

2、.class  根據給定的類名匹配元素

3、element  根據給定的元素名匹配元素

4、*  匹配所有元素

5、selectore1,.selectore2,#selectore3  將每一個選取器匹配到的元素合并後一起返回

二、層次選取器

6、ancestor descendant  選取ancestor元素裡的所有descendant（後代）元素

7、parent>child  選取parent元素下的child（子）元素，與ancestor descendant 有區別，ancestor descendant選擇的是後代元素

8、prev+next  選取緊接在prev元素後的next元素

9、prev~siblings  選取prev元素之後的所有siblings元素

三、基本過濾選取器

10、:first  選取第一個元素

11、:last  選取最後一個元素

12、:not(selector)  去除所有與給定選取器匹配的元素

13、:even  選取索引為偶數的所有元素 索引從0開始

14、:odd  選取索引為奇數的所有元素 索引從0開始

15、:eq(index)  選取索引為index的元素（index從0開始）

16、:gt(index)  選取索引大於index的元素（index從0開始）

17、:lt(index)  選取索引小於index的元素（index從0開始）

18、:header  選取所有的標題元素，例如h1，h2，h3等

19、:animated  選取當前正在執行動畫的元素

四、內容過濾選取器

20、:contains(text)  選取含有常值內容為"text"的元素

21、:empty  選取不包含子項目或者文本的空元素

22、:has(selector)  選取含有選取器所匹配的元素的元素

23、:parent  選取含有子項目或者文本的元素

五、可見度過濾選取器

24、:hidden  選取所有不可見的元素

25、:visible  選取所有可見的元素

六、屬性過濾選取器

26、[attribute]  選取擁有此屬性的選取器

27、[attribute=value]  選取屬性的值為value的元素

28、[attribute!=value]  選取屬性的值不為value的元素

29、[attribute^=value]  選取屬性的值以value開始的元素

30、[attribute$=value]  選取屬性的值以value結束的元素

31、[attribute*=value]  選取屬性的值含有value的元素

32、[selector1][selector2][selectorN]  用屬性選取器合并成一個複合屬性選取器，滿足多個條件，每選擇一次，縮小一次範圍

七、子項目過濾選取器

33、:nth-child(index/even/odd/equation)  選取每個父元素下的第index個子項目或者奇偶元素（注意：index從1算起）

34、:first-child  選取每個父元素的第一個子項目

35、:last-child  選取每個父元素的最後一個子項目

36、:only-child  如果某個元素是它父元素中唯一的子項目，那麼將會被匹配，如果父元素中含有其他元素，將不會被匹配

八、表單對象屬性過濾選取器

37、:enabled  選取所有可用元素

38、disabled  選取所有不可用元素

39、:checked  選取所有被選中的元素（單選框，複選框）

40、:selected  選取所有的被選中的選項元素（下拉式清單）

九、表單選取器

41、:input  選取所有的<input>、<textarea>、<select>和<button>元素

42、:text  選取所有的單行文字框

43、:password  選取所有的密碼框

44、:radio  選取所有的單選框

45、:checkbox  選取所有的多選框

46、:submit  選取所有的提交按鈕

47、:image  選取所有的映像按鈕

48、:reset  選取所有的重設按鈕

49、:button  選取所有的按鈕

50、:file  選取所有的上傳域

jquery強大的選取器---來源《鋒利的jquery》