Question

jquery中$ready和window.onload的区别

Answer 1

JQuery的ready函数与JS的onload的区别：
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});

Answer 2

ready事件只要DOM结构一建立完毕就可发生，而不管某些数据是否已加载（如图片）；
而onload事件要等所有数据包括图片等完全加载好后才发生。
因此前者事件早于后者事件发生。