jQuery - 選擇器參考



jQuery 選擇器 用於根據元素的名稱、id、類、型別、屬性、值等“查詢”(或選擇)HTML 元素。jQuery 提供了一組選擇器,包括基本選擇器、屬性選擇器等。

這些選擇器簡化了識別和互動特定元素的過程,降低了 JavaScript 程式碼的複雜性。

jQuery 選擇器參考

在下表中,我們列出了所有 jQuery 選擇器:

序號 方法及描述
1 *

選擇所有元素。

2 #id

選擇具有指定 id 的元素。

3 .class

選擇具有指定類的所有元素。

4 .class,.class

選擇具有任何指定類的所有元素。

5 element

選擇具有指定標籤名稱的所有元素。

6 el1,el2,el3

選擇具有任何指定標籤名稱的所有元素。

7 :first

選擇匹配元素集中第一個元素。

8 :last

選擇匹配元素集中最後一個元素。

9 :even

選擇偶數元素(基於零索引)。

10 :odd

選擇奇數元素(基於零索引)。

11 :first-child

選擇每個作為其父元素第一個子元素的元素。

12 :first-of-type

選擇每個在其同級元素中是其型別第一個元素的元素。

13 :last-child

選擇每個作為其父元素最後一個子元素的元素。

14 :last-of-type

選擇每個在其同級元素中是其型別最後一個元素的元素。

15 :nth-child(n)

選擇每個作為其父元素第 n 個子元素的元素。

16 :nth-last-child(n)

選擇每個作為其父元素第 n 個子元素的元素,從最後一個子元素開始計數。

17 :nth-of-type(n)

選擇每個在其同級元素中是其型別第 n 個元素的元素。

18 :nth-last-of-type(n)

選擇每個在其同級元素中是其型別第 n 個元素的元素,從最後一個元素開始計數。

19 :only-child

選擇每個作為其父元素唯一子元素的元素。

20 :only-of-type

選擇每個在其同級元素中是其型別唯一元素的元素。

21 parent > child

選擇所有作為父元素直接子元素的子元素。

22 parent descendant

選擇所有作為父元素子孫元素的子孫元素。

23 element + next

選擇緊接在元素後面的下一個元素。

24 element ~ siblings

選擇所有在元素之前的同級元素。

25 :eq(index)

選擇具有指定索引的元素。

26 :gt(no)

選擇所有索引大於指定數字的元素。

27 :lt(no)

選擇所有索引小於指定數字的元素。

28 :not(selector)

選擇所有不匹配給定選擇器的元素。

29 :header

選擇所有標題元素(<h1> 到 <h6&g;)。

30 :animated

選擇所有當前正在執行動畫的元素。

31 :focus

選擇當前具有焦點的元素。

32 :contains(text)

選擇所有包含指定文字的元素。

33 :has(selector)

選擇所有至少有一個與指定選擇器匹配的元素作為其子孫元素的元素。

34 :empty

選擇所有沒有子元素(包括文字節點)的元素。

35 :parent

選擇所有至少有一個子節點(元素或文字)的元素。

36 :hidden

選擇所有隱藏的元素。

37 :visible

選擇所有可見的元素。

38 :root

選擇文件的根元素。

39 :lang(language)

選擇所有具有指定語言屬性的元素。

40 [attribute]

選擇所有具有指定屬性的元素。

41 [attribute=value]

選擇所有具有指定屬性和值的元素。

42 [attribute!=value]

選擇所有具有指定屬性但不具有指定值的元素。

43 [attribute$=value]

選擇所有以指定值結尾的指定屬性的元素。

44 [attribute|=value]

選擇所有屬性值與指定值完全匹配或以指定值後跟連字元 (-) 開頭的元素。

45 [attribute^=value]

選擇所有以指定值開頭的指定屬性的元素。

46 [attribute~=value]

選擇所有包含指定值的指定屬性的元素(空格分隔列表)。

47 [attribute*=value]

選擇所有包含指定值的指定屬性的元素。

48 :input

選擇所有 input、textarea、select 和 button 元素。

49 :text

選擇所有型別為“text”的 input 元素。

50 :password

選擇所有型別為“password”的 input 元素。

51 :radio

選擇所有型別為“radio”的 input 元素。

52 :checkbox

選擇所有型別為“checkbox”的 input 元素。

53 :submit

選擇所有型別為“submit”的 input 元素。

54 :reset

選擇所有型別為“reset”的 input 元素。

55 :button

選擇所有 button 元素和型別為“button”的 input 元素。

56 :image

選擇所有型別為“image”的 input 元素。

57 :file

選擇所有型別為“file”的 input 元素。

58 :enabled

選擇所有啟用的元素。

59 :disabled

選擇所有停用的元素。

60 :selected

選擇下拉列表中所有選定的選項。

61 :checked

選擇所有選中的複選框或單選按鈕。

廣告