jQuery DOM 遍历
parent/children/siblings/find/filter · 难度：入门 · +20XP
jQuery 遍历 DOM
选中元素后，可以在 DOM 树中灵活移动选择其他元素：
| 方法 | 方向 | 说明 |
|---|---|---|
| .parent() | 上 | 直接父元素 |
| .children() | 下 | 所有直接子元素 |
| .siblings() | 水平 | 所有兄弟元素 |
| .find(sel) | 下 | 后代中查找 |
| .filter(sel) | - | 过滤当前集合 |
| .next()/.prev() | 水平 | 相邻兄弟 |
这些方法支持链式调用：$("#a").parent().find(".b").css("color","red");
学习与实践建议
- 先理解本节的核心概念和语法规则
- 在右边编辑器中修改示例代码，观察运行结果变化
- 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
- 遇到问题时，查阅官方文档是最快的学习途径
编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！