首页课程jQuery趣味课堂模块四:操作DOM

模块四:操作DOM

目录列表

文档对象模型DOM

当您在浏览器中打开任何网页时,页面的HTML将被加载并在屏幕上可视化呈现。

为了实现这一点,浏览器构建了该页面的文档对象模型(DOM),它是其逻辑结构的面向对象的模型。

HTML文档的DOM可以表示为嵌套的一组框:

2.jpg


DOM表示文档作为树结构,其中HTML元素是树中的相关节点。

节点可以有子节点。 同一棵树级别的节点称为兄弟姐妹。

jQuery遍历是用于描述移动DOM的过程,并根据其与其他元素的关系来查找(选择)HTML元素的术语。

jQuery可以轻松地遍历DOM并使用HTML元素。

DOM有什么样的结构?

DOM遍历

DOM遍历

例如,考虑由以下结构表示的HTML:

DownloadFile.jpg

<html>元素是<body>的父项,它是下一个元素的祖先。

<body>元素是<h1>和<a>元素的父元素。

<h1>和<a>元素是<body>元素和<html>的后代,称为子元素。

<h1>和<a>元素是兄弟姐妹(他们共享相同的父代)。

比如

祖先是指父母,祖父母,曾祖父母等等。

后代是一个孩子,孙子,曾孙等等。

兄弟姐妹同享同一个父母。

了解DOM元素之间的关系对于能够正确遍历DOM很重要。

共享相同父项的元素称为: