jQuery ----- 页面的加载事件

在 DOM 中，页面的加载事件可以写成：

 <script>
     window.onload = function(){
          console.log('哈哈，今天天气真好1！');
      }
      window.onload = function(){
          console.log('哈哈，今天天气真好2！');
      }
    </script>

如果重复，就会被覆盖，上面的不会被显示。
在jQuery 中的页面加载事件。如下：
1. $(window).load(function(){ . . . }）

 <script src="jquery-1.6.4.min.js"></script>
 <script>
      $(window).load(function(){
         console.log('哈哈，今天天气真好1');
      })
      $(window).load(function(){
         console.log('哈哈，今天天气真好2');
      })
 </script>

可以实现多行代码的使用，不会被覆盖。
2. $(document).ready(function(){ . . . }）

	$(document).ready(function(){
	    console.log('哈哈，今天风有点大1');
	 });
	 $(document).ready(function(){
	    console.log('哈哈，今天风有点大2');
	 })

和上面一样都可以输出结果。

将 1 和 2 作比较：

<script>
        $(window).load(function(){
            console.log('哈哈，今天天气真好1');
        })
        $(document).ready(function(){
            console.log('哈哈，今天风有点大1');
        });
        $(document).ready(function(){
            console.log('哈哈，今天风有点大2');
        })
    </script>

可以发现，方法1 执行的速度会比较慢。
方法1 是在页面中所有的内容加载完毕后才触发，如 （标签，图片，文字内容 . . . .）。
方法2 是 页面中 基本的标签加载完毕后就触发。
3. jQuery(function(){ . . . }）

 jQuery(function(){
    console.log('哈哈，今天风有点大哈');
  })

4. $(function(){ . . . }）

$(function(){
     console.log('哈哈，今天风有点大2');
 })

其中 第2，3 和 4 的方法，加载顺序是一样的（页面中 基本的标签加载完毕后就触发。）。
第 3 和 4 方式类似，但是大多数情况下可以用 第4种方法，这样比较方便。