第一段：jQuery 选择器概述 jQuery是一种JavaScript库，使得处理 HTML 文档、后续操作和事件处理变得容易。选择器是jQuery的基础，它允许开发人员按照特定的属性和值组合来定位文档中的元素。选择器允许您对元素执行各种操作，例如添加、删除、更改和访问它们的属性。 例如，要选择文档中所有

元素，您可以使用如下代码:

<script>
  $("h1").hide();
</script>

这将隐藏文档中所有

元素。本文将研究如何选择文档中的子元素。 第二段：选择子元素 子元素是元素的直接后代。亲子元素与后代元素不同，它们是更深层次的元素。如果您想使用jQuery选择器选择亲子元素，您可以按如下方式选择：

<script>
  $("parent > child").hide();
</script>

在这个例子中，我们首先选择父元素，然后使用大于号运算符选择子元素。这将选择文档中所有与父元素匹配的子元素，并隐藏它们。 第三段：选择第几个子元素 要选择亲子元素列表中的第N个元素，您可以使用:first选择器。这个选择器允许您选择列表中的第一个元素，即索引为0。例如：

<script>
  $("parent > child:first").hide();
</script>

在这个例子中，我们选择匹配父元素的第一个子元素，并将其隐藏。 如果您还要隐藏列表中的第二个元素，您可以使用 :eq() 选择器。这个选择器允许您针对列表中的特定元素进行选择。例如，如果您要选择列表中的第2个元素，您可以按照以下方式进行操作：

<script>
  $("parent > child:eq(1)").hide();
</script>

在这个例子中，我们选择与父元素匹配的第二个子元素，并将其隐藏。 第四段：总结 使用jQuery选择器选择亲子元素和后代元素比手动跟踪文档元素列表要容易得多。通过使用选择器，您可以定位元素，隐藏它们，修改它们的属性，并执行许多其他操作。例如，您可以通过选择器选择表格行来实现表格样式布局。您还可以使用选择器选择表格列，表格单元格以及在文档中出现的许多其他元素。

<h4>代码示例</h4>
<p>选择亲子元素:</p>
$("parent > child").hide();
<p>选择亲子元素中的第一个子元素:</p>
$("parent > child:first").hide();
<p>选择亲子元素列表中的第二个元素:</p>
$("parent > child:eq(1)").hide();