使用如下代码进行测试：
首先是jQuery的document.ready 事件触发：
此时document节点下还没有加载body和h1节点， 因此line 9，line11和line 12均返回null.
只有当Dom的onload 事件触发时，body node和h1 node才可见：
HTML里Dom onload和jQuery document ready这两个事件的区别
2021-11-30
107
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
HTML里Dom onload和jQuery document ready这两个事件的区别
目录
相关文章
|
1月前
|
JavaScript
前端开发
|
1月前
|
Python
|
4月前
|
JavaScript
前端开发
|
2月前
|
存储
移动开发
前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解（学习总结---从入门到深化）
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解（学习总结---从入门到深化）
48
0
0
|
1月前
|
JavaScript
前端开发
容器
|
1月前
|
JavaScript
|
1月前
|
前端开发
JavaScript
Java
|
1月前
|
JavaScript
|
2月前
|
JavaScript
前端开发
HTML DOM 集合(Collection)
HTML DOM 集合(Collection) 是用于表示和操作 HTML 文档的树状结构的数据结构。DOM 代表文档对象模型(Document Object Model)，它是 HTML 文档的树状结构表示，允许通过 JavaScript 编程语言来访问和修改 HTML 文档的内容、结构和样式。
37
7
7
|
3月前
|
JavaScript
jQuery DOM2-第4次课-从某个元素出发，往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
jQuery DOM2-第4次课-从某个元素出发，往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
25
0
0
热门文章
最新文章
1
jquery的书写格式，简单的使用方法
2
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
3
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
4
jQuery会员中心安全修改表单特效
5
react简单实现获取dom元素
6
深入了解 JavaScript 中的 DOM 和 BOM
7
组态软件之万维组态介绍（web组态、html组态、vue2/vue3组态）
8
用JQuery实现选中select里面的option显示对应的div
9
DOM驱动和数据驱动的区别
10
为什么虚拟dom会提高性能？