jquery $(document).ready() 与window.onload的区别

转载于：http://www.cnblogs.com/tylerdonet/p/3809137.html

区别

1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
ps：（个人粗浅理解）具体到问题，如果一个网页中有很多图片，那么window.onload会等到图片都渲染加载完毕才会触发，而 $(document).ready()等网页上所有的img标签加载完成就会触发，因为这个特性所以在jQuery中操作大小时会出现bug
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});

具体解释

http://blog.youkuaiyun.com/xiebaochun/article/details/36375481

$(document).load();

当web页面以及其附带的资源文件，如CSS，Scripts，图片等，加载完毕后执行此方法。
常用于检测页面（及其附带资源）是否加载完毕。

如果在jq中操作图片，由于$(document).ready()只加载dom节点而没有下载具体图片的话可以使用window.onload=function() 或 $(document).load();