jQuery 学习手册

免费学习 完整知识体系 快速检索 jQuery 3.7+

jQuery 学习手册《DOM 遍历 - 祖先与兄弟》:在 DOM 树中移动。 // 向上遍历 $('li').parent() $('li').parents() // 所有祖先 $('li').parentsUntil('div') $('li').closest('ul') ...

DOM 操作

DOM 遍历 - 祖先与兄弟

【详细说明 & 代码示例】
在 DOM 树中移动。
// 向上遍历
$('li').parent()
$('li').parents()      // 所有祖先
$('li').parentsUntil('div')
$('li').closest('ul')  // 最近匹配的祖先

// 向下遍历
$('ul').children()
$('ul').find('li')

// 兄弟遍历
$('li').siblings()
$('li').next()
$('li').nextAll()
$('li').prev()
$('li').prevAll()

学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。

全部章节目录(共 50 个知识点)

使用说明

  • • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在浏览器控制台或在线编辑器中运行示例代码