jquery $(document).ready() 与js原生的window.onload的区别总结

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

1.执行时间 
        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
        $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。不过有些时候,必须要等所有的元素都加载完毕,才可以执行一些方法的时候用$(window).load(function() {})等同于window.onload

 
2.编写个数不同 
         window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个,最后一个。 
         $(document).ready()可以同时编写多个,并且都可以得到执行 
3.简化写法 
         window.onload没有简化写法 
         $(document).ready(function(){})可以简写成$(function(){});

4:注意的是jq想在所有dom加载之前执行代码

(function() {

     alert("DOM还没加载哦!");

})(jQuery)

原文地址:https://www.cnblogs.com/kelly2017/p/6992274.html