jQuery 选择器是一种用于选择 HTML 元素的表达式。类似于 CSS 选择器,jQuery 选择器允许你以简洁的方式选取文档中的元素。以下是一些常用的 jQuery 选择器:

1. 基本选择器:

  •  元素选择器:
  $("p") // 选择所有 <p> 元素

  •  ID 选择器:
  $("#myId") // 选择 ID 为 "myId" 的元素

  •  类选择器:
  $(".myClass") // 选择所有类为 "myClass" 的元素

  •  通配符选择器:
  $("*") // 选择所有元素

2. 层级选择器:

  •  后代选择器:
  $("parentElement descendantElement") // 选择 parentElement 下所有 descendantElement 元素

  •  子元素选择器:
  $("parentElement > childElement") // 选择 parentElement 下直接的 childElement 元素

3. 过滤选择器:

  •  :first 选择器:
  $("p:first") // 选择文档中第一个 <p> 元素

  •  :last 选择器:
  $("p:last") // 选择文档中最后一个 <p> 元素

  •  :even 和 :odd 选择器:
  $("tr:even") // 选择表格中偶数行的 <tr> 元素
  $("tr:odd")  // 选择表格中奇数行的 <tr> 元素

  •  :eq 选择器:
  $("li:eq(2)") // 选择列表中索引为 2 的 <li> 元素(从 0 开始计数)

4. 属性选择器:

  •  [attribute] 选择器:
  $("[href]") // 选择带有 href 属性的元素

  •  [attribute=value] 选择器:
  $("[name='username']") // 选择 name 属性值为 'username' 的元素

  •  [attribute^=value] 选择器:
  $("[src^='https']") // 选择 src 属性值以 'https' 开头的元素

  •  [attribute$=value] 选择器:
  $("[src$='.jpg']") // 选择 src 属性值以 '.jpg' 结尾的元素

  •  [attribute*=value] 选择器:
  $("[src*='image']") // 选择 src 属性值包含 'image' 的元素

这只是 jQuery 选择器的一小部分,还有许多其他选择器和组合方式。通过灵活使用选择器,你可以轻松地选取文档中的特定元素,实现各种操作。


转载请注明出处:http://www.zyzy.cn/article/detail/12870/jQuery