AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Jquery中的$(document).ready()详解

2022-11-29 204
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 1.$(document).ready()的作用$(document).ready(function(){.... })这个函数的作用和window.onload差不多，不同的是（1）onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载（2）$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快。

Jquery中的$(document).ready()详解


1.$(document).ready()的作用


$(document).ready(function(){.... })这个函数的作用和window.onload差不多，不同的是


（1）onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载


（2）$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快。

文章标签：
JavaScript
关键词：
jQuery ready
jQuery document ready
jQuery document
yqd666
目录
相关文章
好奇的菜鸟
|
9月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数：优雅地处理页面加载事件
jQuery中的ready()函数：优雅地处理页面加载事件
好奇的菜鸟
176 0
爱吃糖的范同学
|
10月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
爱吃糖的范同学
146 2
王同学睡醒了
|
JavaScript
jQuery学习（四）— jQuery的ready事件和原生JS的load事件的区别
jQuery学习（四）— jQuery的ready事件和原生JS的load事件的区别
王同学睡醒了
69 0
王同学睡醒了
|
JavaScript
jQuery学习（一）—jQuery应用步骤以及ready事件和load事件的区别
jQuery学习（一）—jQuery应用步骤以及ready事件和load事件的区别
王同学睡醒了
61 0
程序员三木
|
JavaScript 测试技术
探索jQuery的ready方法比原生js的window.onload快的奥秘
探索jQuery的ready方法比原生js的window.onload快的奥秘
程序员三木
106 0
技术小美
|
Web App开发 JavaScript 前端开发
jQuery的document ready与 onload事件——你真的思考过吗？
技术小美
1521 0
余二五
|
Web App开发 JavaScript
jQuery中的$(window)与$(document)的用法区别
余二五
1368 0
技术小阿哥
|
前端开发 JavaScript
JavaScript之JS原生方法实现jQuery的ready()
技术小阿哥
1003 0
技术小胖子
|
JavaScript 前端开发
jQuery:理解$(document).ready()的特殊写法
技术小胖子
1190 0
涂作权
|
Web App开发 JavaScript 测试技术
jquery $(document).ready() 与window.onload的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。 1.执行时间        >    alert(“text1”); }; window.onload =>      // 编写代码 } ————————————————————
涂作权
1058 0