• 首页课程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很重要。

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

    1/4

    PHP中文网