jquery,$(document).on()是在页面加载完成后执行的吗?

我请教一下,jquery,$(document).on()是在页面加载完成后执行的吗?
最新回答
大叔的仙女棒

2024-09-30 00:01:40

DOM 是载入到浏览器中的文档模型,以节点树的形式来表现文档,每个节点代表文档的构成部分

Document 接口表示任何在浏览器中载入的网页,并作为网页内容的入口,也就是DOM 树。DOM 树包含了像 <body> 、<table> 这样的元素,以及大量其他元素。它向网页文档本身提供了全局操作功能,能解决如何获取页面的 URL ,如何在文档中创建一个新的元素这样的问题。

这是Document的概念,依此判断,$(document).on()是在DOM载入后执行的

并非是页面加载完后才执行

这也是VUE、React等能够使用虚拟DOm来渲染客户端最后页面呈现的不同样式的原理之一;

古巷

2024-09-30 00:05:01

依据我个人的经验及理解:
① 原生JavaScript中的页面加载写法window.addEventListener("DOMContentLoaded", function() {……}) 与 jQuery中的
$(document).ready(function() {……})的作用是相同的,都可以多次书写,后面写的不会覆盖前面写的;
② 都是在DOM元素(而非所有页面资源)加载好后来执行某些代码功能的,
比如不用等img图片标签的src 路径资源向服务器发送请求得到图片路径加载好显示图片,而是DOM元素基本结构加载好后就立即执行,不管src是否正确请求得到。