jquery中的$( document).ready(function(){} )和$( window).load( )有什么区别？

1.执行次数不同： 

原生 ：当引入多个js文件给window注册onload事件后 只会执行最后一次引入的onload事件  可以理解为会把前面的覆盖

jq：当我用$(document).ready()的方式给多个js文件注册的时候里面的函数和代码都可以执行   并且按事件的注册先后顺序执行

 

2.执行时间不同

原生 $(window).load() 必须等到页面内元素包括图片的所有元素加载完之后执行。

jq $(document).ready() 只会等Dom元素加载完成后就会执行    

 

题外

load 事件只能在两个场景下使用
1. window对象上的  window.onload = function () {}
2.带有src属性的元素  $('img').load(function(){})  
除此之外， 任何元素没有load事件 例如 document.onload = function () {} 不会执行

 

jq  $(document).ready()  可以简写为 
$(function(){
...
})