//ready事件

 $(document).ready(function(){

     代码........

 });

 //ready事件简写：

 $(function(){

     代码........

 });

 //load事件

 $(document).load(function(){

     代码.......

 });

结论：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事件。