6、jQuery DOM 遍历与操作方法全解析

jQuery DOM 遍历与操作方法全解析

1. DOM 遍历方法

在 jQuery 中，DOM 遍历方法允许我们在 DOM 树中搜索元素并构建新的 jQuery 对象。以下是一些常用的遍历方法：

1.1 .next() 方法

• 参数 ： selector （可选），一个包含选择器表达式的字符串，用于匹配元素。
• 返回值 ：新的 jQuery 对象。
• 描述 ：给定一个表示一组 DOM 元素的 jQuery 对象， .next() 方法允许我们在 DOM 树中搜索这些元素的后续元素，并从匹配的元素构建一个新的 jQuery 对象。该方法可选地接受一个与 $() 函数相同类型的选择器表达式。如果提供了选择器，元素将通过测试是否匹配该选择器来进行过滤。

示例 ：

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li class="third-item">list item 3</li>
  <li>list item 4</li>
  <li>list item 5<