jQuery中的ready和load事件

最新推荐文章于 2022-07-04 10:22:51 发布

原创最新推荐文章于 2022-07-04 10:22:51 发布 · 328 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

前端专栏收录该内容

44 篇文章

订阅专栏

本文介绍了jQuery中三种不同的文档加载方法及其使用方式，并对比了ready与load事件的区别，强调了快速加载的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.jQuery有3种针对文档加载的方法
① $(document).ready(function(){ //…代码… }) ②$ (function(){ //①简写，常用
//…代码…
})
③$(document).load(function(){
//…代码…
})
2.DOM文档的加载步骤
①解析HTML结构
②加载外部脚本和样式表文件
③解析并执行脚本代码
④构造HTML DOM模型 //ready
⑤加载图片等外部文件
⑥页面加载完毕 //load
ready比load先执行。
ready与load的区别就在于资源文件的加载，ready构建了基本的DOM结构，所以对于代码来说，越快加载越好。假如一个网站页面加载超过4秒，将流失1/4的用户。