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

选择所有选中的复选框或单选按钮。

广告