jquery的遍历
jQuery 遍历方法概述
jQuery 提供了多种遍历 DOM 元素的方法，可以轻松地查找、筛选和操作元素。以下是常用的遍历方法分类和示例：
祖先遍历
parent()：获取直接父元素。parents()：获取所有祖先元素，可传入选择器筛选。parentsUntil()：获取介于两个元素之间的所有祖先元素。
示例代码：
$("span").parent(); // 获取span的直接父元素
$("span").parents("div"); // 获取span的所有div祖先
$("span").parentsUntil("div"); // 获取span到div之间的祖先后代遍历
children()：获取直接子元素，可传入选择器筛选。find()：获取所有后代元素，必须传入选择器。
示例代码：
$("div").children(); // 获取div的所有直接子元素
$("div").find("span"); // 获取div下的所有span后代同级遍历
siblings()：获取所有同级元素，可传入选择器筛选。next()/nextAll()：获取下一个或之后所有同级元素。prev()/prevAll()：获取上一个或之前所有同级元素。nextUntil()/prevUntil()：获取介于两个元素之间的同级元素。
示例代码：
$("h2").siblings(); // 获取h2的所有同级元素
$("h2").next("p"); // 获取h2的下一个p元素
$("h2").prevUntil("h1"); // 获取h2到h1之间的前驱同级元素筛选遍历
first()/last()：获取第一个或最后一个匹配元素。eq()：通过索引获取特定位置的元素（从0开始）。filter()/not()：根据条件筛选或排除元素。has()：保留包含特定后代的元素。
示例代码：
$("p").first(); // 获取第一个p元素
$("p").eq(2); // 获取第三个p元素
$("p").filter(".intro"); // 获取class为intro的p元素
$("div").has("span"); // 获取包含span的div元素链式遍历
jQuery 方法支持链式调用，可以组合多个遍历操作：
$("div").find("p").eq(1).css("color", "red");
// 先查找div下的p元素，再选中第二个，最后设置样式注意事项
- 遍历方法返回的是 jQuery 对象，可以继续调用其他方法。
- 部分方法（如
find()）必须传入选择器参数。 - 通过
end()可以回退到上一个 jQuery 对象状态。
