1 //ready事件 2 $(document).ready(function(){ 3 代码........ 4 }); 5 6 //ready事件简写： 7 $(function(){ 8 代码........ 9 }); 10 11 12 //load事件 13 $(document).load(function(){ 14 代码....... 15 });
结论：ready和load事件的先后执行顺序是：先ready后load
要理解上面的结论，先来看看DOM文档加载的步骤：
1、解析HTML结构
2、加载外部脚本代码和css样式表
3、解析并执行脚本代码
4、构造HTML DOM模型 //ready
5、加载图片等外部文件
6、页面加载完毕 //load
由此可见，ready事件是在load事件之前执行的。
结论：
load和ready的区别在于资源文件的加载，ready构建了基本的DOM结构，所以对于代码来说加载越快应该越好。
为了防止在图片资源过多的情况下，没有触发load事件页面就过期而造成的问题，我们不能等到所有资源文件加载之后再触发load事件。