jQuery的$(document).ready(function(){ })的疑惑的解答

iteye_20054

于 2011-05-20 11:57:12 发布

阅读量482

点赞数

CC 4.0 BY-SA版权

文章标签： jQuery CSS ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_20054/article/details/82067075

本文通过实例对比了jQuery中的$(document).ready与原生JavaScript中window.onload的不同行为。前者在DOM加载完毕后即可触发，而后者需等待整个页面资源加载完成。

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


最早接触的时候也说$(document).ready(function(){   })这个函数是用来取代页面中的window.onload;

但是今天发现 好像不是这样回事！是在做一个页面载入效果时发现的！

function winready(){document.getElementById("loading").style.display="none";}
window.onload=winready;
以上的写法  winready会在页面完全载入才触发；

jquery写法：
$(document).ready(function(){
"#loading").css("display","none");
})

以前没发现，今天因为网络卡，发现一个页面的一张图片还没载入完成，jquery的ready函数就已经触发了！

document.onload  window.onload <body onLoad="winready()">

到底又没区别？

 window.onload 是所有静态页面都载入完成后 在载入js
 $document.ready();是按顺序 先来先载入

 window.onload =function() { a();  b(); }