jQuery中ready()和load()区别

相信很多小伙伴和我一样，总是傻傻分不清楚ready()和load()事件的区别！最近就遇到了这种情况，于是仔细研读了一下资料，修改了一下demo，终于将他们搞清楚了！！！

load()是需要等待文件包括css，dom，js等等，页面里面包含的所有东西都加载完成之后，才回去执行load()中的函数。
ready()则是只需要等待dom加载完成就可以执行相应函数，等待时间要小于load()。

参考小伙伴的资料：
要想理解为什么ready先执行，load后执行就要先聊一下DOM文档加载的步骤：

(1) 解析HTML结构。  
(2) 加载外部脚本和样式表文件。  
(3) 解析并执行脚本代码。  
(4) 构造HTML DOM模型。//ready  
(5) 加载图片等外部文件。  
(6) 页面加载完毕。//load  

综上所述，大家可以根据业务需要使用了哦。。。