jQuery 遍历：
jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。
<div>
<u>l
<li> <li>
<span> <span> <b>
- <div> 元素是 <ul> 的父元素，同时是其中所有内容的祖先。
- <ul> 元素是 <li> 元素的父元素，同时是 <div> 的子元素
- 左边的 <li> 元素是 <span> 的父元素，<ul> 的子元素，同时是 <div> 的后代。
- <span> 元素是 <li> 的子元素，同时是 <ul> 和 <div> 的后代。
- 两个 <li> 元素是同胞（拥有相同的父元素）。
- 右边的 <li> 元素是 <b> 的父元素，<ul> 的子元素，同时是 <div> 的后代。
- <b> 元素是右边的 <li> 的子元素，同时是 <ul> 和 <div> 的后代。
jQuery parent() 方法:
parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历
$(document).ready(function(){
$("span").parent();
});
jQuery parents() 方法:
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
$(document).ready(function(){
$("span").parents("ul");
});
jQuery parentsUntil() 方法:
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
$(document).ready(function(){
$("span").parentsUntil("div");
});
jQuery 遍历 - 后代:
jQuery children() 方法:
children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。
$(document).ready(function(){
$("div").children();
});
jQuery find() 方法:
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。
$(document).ready(function(){
$("div").find("span");
});
jQuery 遍历- 过滤:
三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。
jQuery first() 方法:
first() 方法返回被选元素的首个元素。
$(document).ready(function(){
$("div p").first();
});
jQuery last() 方法:
$(document).ready(function(){
$("div p").last();
});
jQuery eq() 方法:
eq() 方法返回被选元素中带有指定索引号的元素。
$(document).ready(function(){
$("p").eq(1);
});
jQuery filter() 方法:(不太常用）
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
$(document).ready(function(){
$("p").filter(".url");
});
jQuery not() 方法:(不太常用）
not() 方法返回不匹配标准的所有元素。提示：not() 方法与 filter() 相反。
$(document).ready(function(){
$("p").not(".url");
});
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY