jquery中的DOM的理解
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中的DOM的理解相关的知识,希望对你有一定的参考价值。
$(document).ready()函数内的所有代码都将在DOM加载完毕后
,页面全部内容(包括图片等)完全加载完毕前被执行。这里的
DOM指的是什么,DOM加载完毕后指的是什么东西加载完毕后
直白的说就是这么回事,希望对你有帮助 参考技术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的理解的主要内容,如果未能解决你的问题,请参考以下文章