$(document).ready(function(){}) 和$(function(){})的区别

最新推荐文章于 2022-09-08 23:16:49 发布
最新推荐文章于 2022-09-08 23:16:49 发布
阅读量1.2k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 经验，学习 文章标签： javascript 函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qingdatiankong/article/details/75090333
本文介绍了JavaScript中两种重要的页面加载事件：ready与onload的区别及应用。ready事件在文档结构加载完成后触发，而onload则在页面所有元素包括图片等加载完毕后触发。此外，文章还解释了$(function(){}

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

首先，页面加载完成有两种事件（JavaScript文档加载完成事件）
一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）
二是onload，指示页面包含图片等文件在内的所有元素都加载完成。

其次，$(function(){}) 等价于 $(document).ready(function(){}) 

用jQ的人很多人都是这么开始写脚本的：
$(function(){
alert("aa");
});
其实这个就是jq ready()的简写
$(document).ready(function(){
alert("bb");
})

在这种写法里，“document”可以省略。jq默认的参数是document
Jquery中的$(document).ready()详解
寒泉
10-01 2万+
参考：https://blog.csdn.net/beidaol/article/details/81009740 因为html代码顺序执行，所以想要在js操作某个标签元素的时候，要保证这个元素已经被加载出来了，否则会取不到。为了保证元素已经被加载，可以使用$(document).ready()。 window.onload = function(){ alert("welcome"); } ...
$(document).ready(function() {})不执行初始化脚本
09-04
$(document).ready(function() { // 在这里编写你的初始化脚本 }); ``` 在这个例子中，当DOM完全加载时，`function() { ... }`中的代码会被执行。通常，这比`window.onload`事件更早触发，因为它等待的是DOM的加载...
$(function(){})和$(document).ready(function(){}) 的区别
小树不倒我不倒
12-29 785
document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件） 二是onload，指示页面包含图片等文件在内的所有元素都加载完成。用jQ的人很多人都是这么开始写脚本的： (function()//dosomething);其实这个就是jqready()的简写，他等价于：(
$(document).ready(function(){})和$()的区别
qq_47443027的博客
01-16 960
1、window.onload: **当一个文档完全下载到浏览器中时，会触发 window.onload 事件。**这意味着页面上的全部元素对 javascript 而言都是可以访问的，这种情况对编写功能性的代码非常有利，因为无需考虑加载的次序。 2、(document).ready(function())和(document).ready(function(){})和(document).ready(function())和()用法一样 通过 (document).ready()、(document).r
$(document).ready(function(){})、$().ready(function(){})和$(function(){})区别
qq_16632067的博客
10-15 540
$(document).ready(function(){}),$().ready(function(){})和$(function(){})三个有区别么 三者都是一样的， 最完整的写法是：$(document).ready(function(){}) ready() 函数仅能用于当前文档，因此无需选择器。 所以document选择器可以不要，那么就可以写成： ().ready(function())最后().ready(function(){}) 最后().ready(function())最后的默认事件
Jquery中$(document).ready(function(){ })函数的使用详解
01-19
jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧，就是它了)的操作. 比如jquery写法：$(“div p”); // (1)$(“div.container”); // ...
jquery中的$(document).ready()使用小结
12-11
$(document).ready(function(){…. })这个函数是用来取代页面中的[removed]; document.ready()和传统的方法<body onload=”load()”> 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和...
Jquery中"$(document).ready(function(){ })"函数的使用详解
10-26
本文着重讲解了在JQuery中使用$(document).ready()函数的详细方法和它的重要性。 在JQuery中，$符号是JQuery库的简写和引用。例如，$()函数等同于jQuery()函数。它为开发者提供了一种方便的方式来选择和操作文档中...
$(document).ready(function (){})和$(function(){})无区别
likingsn的技术专栏
08-29 749
最近在学习和使用jquery，经常会用到 $(document).ready(function (){})和$(function(){})，网上查了下，shuo
window.onload和$(document).ready(function(){})的区别
11-27 203
前段时间在面试之前查找并整理了一下window.onload和$(document).ready(function(){})区别，今天有时间更到我的博客上，由于本人资历尚浅，如有不对的地方，还请指正。 原文出自：http://www.php100.com/html/program/jquery/2013/0905/5954.html 1、执行时间上的区别：window.onlo...
$(document).ready(function() {}和$(function(){}）的执行顺序的区别
weixin_42617075的博客
08-22 5186
(document).ready(function()和(document).ready(function()和(document).ready(function() {}和(function(){}）的执行顺序的区别 &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; ...
$(document).ready()、 $(function(){})、$().ready(function(){})和window.onload的区别
好记性不如烂笔头
12-20 826
转自：http://holysonll.blog.163.com/blog/static/2141390932013411112823855/ $(document).ready(function(){}),$().ready(function(){})和$(function(){}) 三者都是一样的，最完整的写法是：$(document).ready(function(){}
$(function(){})与$(document).ready（function（）{}）
funbee
10-19 504
document (1执行时机:在DOM完全就绪时就可以被调用。(这并不意味着这些元素关联的文件都已经下载完毕) 举个例子:$(document).ready()方法明知要DOM就绪就可以操作了，不需要等待所有图片下载完毕。$(function(){ }) 是 $(document).ready(function(){ }) 的简写 function one(){ alert("one")
$(document).ready() / $(function(){ }) 的作用？
cvper's world !
03-22 5027
在使用jquery的时候，我们会加上$(document).ready(function（）{} }) 或者简单写：$(function(){  }),为什么要这么做呢？ 因为jquery是对DOM进行操作的，也就是说需要 DOM 结构加载完成之后，jquery才能工作，那么 $(document).ready() 或者 $(function(){}) 的作用就是等待DOM 结构加载完成，然后再执...
$(function(){})与$(document).ready(function(){})的区别 加载完执行事件
dxyzhbb的博客
11-25 1741
document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件） 二是onload，指示页面包含图片等文件在内的所有元素都加载完成。 用jQ的人很多人都是这么开始写脚本的： $(function(){ // do something }); 其实这个就是jq ready()的简写...
jquery(document).ready和jquery(function(){})
m0_62639693的博客
09-08 245
jquery(document).ready和jquery(window).load的区别： 注意：jQuery(function(){});用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在。不可用于存放开发插件的代码，因为jQuery对象没有得到传递，
JQuery：入口函数 $(document).ready(function(){}
firstbird的博客
05-26 3688
JQuery入口函数：防止文档在完全加载之前运行JQuery代码，如果尚未加载完成就会出现错误，下面实例： <script type="text/javascript"> $(document).ready(function(){ $('#add').click(function(){ layer.open({ type:1, title:"增加采购申请表单",
$(document).ready(function(){}),$().ready(function(){})和$(function(){})三个有区别么
weixin_33672400的博客
05-20 422
三者都是一样的，最完整的写法是：$(document).ready(function(){})ready() 函数仅能用于当前文档，因此无需选择器。所以document选择器可以不要，那么就可以写成：$().ready(function(){})最后$的默认事件就是ready，所以，ready也可以省略，写成：$(function(){}); 另外一个页面可以写多个ready方法的。...
$(document).ready(function() {
最新发布
02-12
`$(document).ready(function() { ... });` 是 jQuery 中的一个常用函数，用于确保网页的 DOM（文档对象模型）已经完全加载，并准备好可以安全地操作了。 当你在 HTML 文件中引入并使用 JavaScript 来操纵页面元素时，如果脚本被执行的时候，DOM 尚未构建完成，则可能会导致找不到需要操纵的对象等问题。为了避免这种情况的发生，jQuery 提供了 `$(document).ready()` 函数，在这个回调函数内的代码会在整个 DOM 树建立完毕之后立即运行，但又不必等到所有的图片、样式表等资源都下载结束再执行。 简单来说就是告诉浏览器：“当页面结构准备好了以后，请执行这里的匿名函数”。这有助于确保我们的 JavaScript 代码能够正确无误地访问到它所需要的HTML 元素。 示例用法： ```javascript $(document).ready(function(){ // 这里放置初始化代码或者其他你想在 DOM 完全加载后执行的操作 }); ``` 为了简化书写，也可以直接写作 `$(() => { ... })` 或者更简洁的形式如： ```javascript $(() => { console.log("DOM is now ready!"); }) ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值