原生中的window. onload和jQuery中的 ready函数 $(function(){})

    原生中的window.onload和jQuery中的ready()函数都是表示DOM结构绘制完毕，即在window.onload和ready(）函数里都可以获取DOM对象了。

      但是两者是有区别的:

 一、执行时机： 

       window.onload 除了在DOM结构加载完毕，还需要等到页面里包括的图片文件等资源文件加载完毕。即不但<img src="img/1.jpg"/>可以获取到，而且src后面对应的图片文件“img/1.jpg”也加载完毕。

       $(document).ready()是DOM结构绘制完毕后就执行，资源文件是否加载完毕无所谓。

二、编写个数不同 

     1、window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 

    如下代码中，第二个函数会覆盖掉第一个函数

  window.onload = function(){

               alert("亲，你看不到我");
   }

  window.onload = function(){
                alert("亲，你可以看见我");
   }

 

    2、 $(document).ready()可以同时编写多个，并且都可以得到执行 

   如下代码中，两个函数都会执行：

   $(document).ready(function(){

              alert("亲，你能看到我1");

})

   $(document).ready(function(){

             alert("亲，你也能看到我2");

});