jQuery 后代学习笔记

jQuery 是一款最为流行的 JavaScript 库，它被广泛应用于前端开发中。在 jQuery 中，后代选择器可以帮助我们选取指定元素的后代元素，下面是本文的具体内容。

1. 后代选择器

后代选择器可以选取某个元素内部的后代元素，使用方式如下：

javascriptCopy Code
$("ancestor descendant")

其中，ancestor 是祖先元素的选择器，descendant 是后代元素的选择器。

例如，选取 id 为 container 元素内部所有 p 元素：

javascriptCopy Code
$("#container p")

2. 实例

假设有如下 HTML 代码：

htmlCopy Code
<div id="container">
  <p>第一个 p 元素</p>
  <ul>
    <li>列表项 1</li>
    <li>列表项 2</li>
    <li>列表项 3</li>
  </ul>
  <p>第二个 p 元素</p>
</div>

要选取 id 为 container 元素里面 ul 元素的所有 li 子元素，可以使用下面的代码：

javascriptCopy Code
$("#container ul li")

上面代码将会选取 id 为 container 的 div 元素中，所有 ul 元素下的 li 元素。