原生的window.onload与jQuery下的$(document).ready()的区别

 

其实这个图已经很清晰地总结了。

 

 

1.   执行时间上

   window.onload必须等到页面内包括图片等所有元素加载完毕后才能执行。

   $(document).ready()是DOM结构绘制完毕后就执行，不必等图片啊这些加载完成才执行。

     2.   事件的绑定个数

    重复绑定window.onload 多个事件，后面的优先级高，会覆盖前面的

    $(document).ready()是多执行

     至于后面那个从学习的严谨性来讲是要的。

     3.   简写功能

    $(document).ready(function(){});  -----------$(function(){});