$(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,它们的区别在于:

1.window.οnlοad=function(){}是js原生的事件；
2.$(function(){})是JQuery的方法；

1.执行时间

    window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
    $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 

2.编写个数不同

     window.onload不能同时编写多个，无论有多少，都只会执行一个 
     $(document).ready()可以同时编写多个，并且都可以得到执行

3.简写

    window.onload没有简写形式
     $(document).ready(function(){})可以简写成$(function(){});

ready()方法

    $(document).ready(function(){
  	$(".btn1").click(function(){
    		$("p").slideToggle();
 	 });
    });
   

定义和用法

1.当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready() 事件。

2.由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。

3.ready() 函数规定当 ready 事件发生时执行的代码。

4.ready() 函数仅能用于当前文档，因此无需选择器。

window.onload()方法

window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。

window.onload() 通常用于 body元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。

window.onload()的加载问题
由于HTML加载时由上往下的，在HTML加载的时候，遇到function关键字，声明一个函数的时候，就会在内存中开辟一个新的空间来对函数进行存储，方便以后进行调用。