jquery中的DOM的理解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中的DOM的理解相关的知识,希望对你有一定的参考价值。

$(document).ready()函数内的所有代码都将在DOM加载完毕后
,页面全部内容(包括图片等)完全加载完毕前被执行。这里的
DOM指的是什么,DOM加载完毕后指的是什么东西加载完毕后

用我自己的理解和你说一遍,网页说到底就是容器的嵌套,也就是DOM树,<html></html>是最外层的容器,接着是<head></head>、<body></body>,在这两个容器我们可以继续加别的东西,形象一点就是大盒子里放小盒子,小盒子里面再放盒子,这是直观的理解,抽象一点就是DOM树,<html></html>是树根,<head></head>、<body></body>,则是它的延伸、子集,可以看做树干,接下来的又是<head></head>、<body></body>,的子集,可以看做枝叶,DOM树加载就相当于从树根到枝叶把这棵树构造出来,换到网页就是整个网页的显示层面全部加载显示,$(document).ready()函数做的事就是看这个树那儿不好,修剪一下,换到网页就是对最原始的显示进行排版美化等一系列你想做的事。
直白的说就是这么回事,希望对你有帮助
参考技术A 就页面的全部html结构,包括由写在前面的JS生成的THML代码。

你浏览任何页面时,它在后面的代码都为HTML结构。你看到的是页面(即蓝色的文字、漂亮的图片、或输入框等),但在浏览器“看”来,它是HTML结构。

而这个结构分为两部分,一部分是你一开始写好在页面里的,另一部分是你用程序生成的。你如果写在它($(document).ready())里面,即让它在其他之外的一切都做好后,再执行它。这样做的目的一般是为了避免后来生成的代码,没执行到这些代码。

DOM指的是HTML的整个(树)结构。打个比方:学校是怎么组成的,由校长、院长(分院)、系主任、教授、学生(再分班 、年级)。把不同的“人”放进去,形成“学校”。
学校就是“对象”(dom文档对象模型),校长、院长等是不同的html标签(div/ul/p等),“人”就是你的内容。

用这个比喻再来解释上面的问题就是:
一开始就写在页面里的HTML,等于现在的学校,已经成型。现在教育局要求学校再扩招一个班(JS或其他程序做)。要在“工美系》》大一”(如div ul)里加一个班(li)。可问题来了,前面的那些我们之前已经洗过nao了,现在新来的还没洗nao??所以为了避免出这个情况,在进行洗脑这个动作前,先加个前提,就是要在所有需要洗nao的学生入编后执行。
参考技术B 简单来将就是<html></html>中的内容加载完毕,
html标签内的东西都可称为DOM,
当然HMLT标签本身也是,

其实更简单点理解,就是 DOM就是标签,
所以我觉得可以这样说
$(document).ready()函数内的所有代码都将在标签全部加载完毕后执行
参考技术C 加载完成指的是主体结构完成<html> <body>....</body> </html>构成的主题框架 参考技术D 简单的讲,就是HTML代码加载完之后

jQuery关于隐式迭代的个人理解~

1、JQuery对象“ 如: $(‘div’).text("div展示的信息") 可以看成”是一个包含一个dom数组 包含所有Jquery方法的容器

2、每当我们调用选择器方法查找dom树里的元素时,其实就是把找到的dom元素存入一个JQ对象里的dom数组中,然后再把这个JQ对象返回。

当我们调用Jquery方法时(如 html()),jq方法会遍历内部 dom数组,并调用每个dom元素的对应的dom属性或方法(如innerHTML),完成操作。

3、其中Jq方法遍历内部dom数组的过程就叫做【隐式迭代】。

以上是关于jquery中的DOM的理解的主要内容,如果未能解决你的问题,请参考以下文章

jQuery DOM对象区别与联系

jQuery DOM对象区别与联系

事件冒泡及事件委托的理解(JQuery Dom操作)

Jquery学习理解 (课堂)

jQuery中"$"的理解

Web前端新人笔记之jquery选择符