原生中的window.onload和jQuery中的ready()函数都是表示DOM结构绘制完毕，即在window.onload和ready(）函数里都可以获取DOM对象了。
但是两者是有区别的:
一、执行时机：
window.onload 除了在DOM结构加载完毕，还需要等到页面里包括的图片文件等资源文件加载完毕。即不但<img src="img/1.jpg"/>可以获取到，而且src后面对应的图片文件“img/1.jpg”也加载完毕。
$(document).ready()是DOM结构绘制完毕后就执行，资源文件是否加载完毕无所谓。
二、编写个数不同
1、window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
如下代码中，第二个函数会覆盖掉第一个函数
window.onload = function(){
alert("亲，你看不到我");
}
window.onload = function(){
alert("亲，你可以看见我");
}
扫描二维码关注公众号，回复：
1729749 查看本文章
2、 $(document).ready()可以同时编写多个，并且都可以得到执行
如下代码中，两个函数都会执行：
$(document).ready(function(){
alert("亲，你能看到我1");
})
$(document).ready(function(){
alert("亲，你也能看到我2");
});