1.document.ready是jquery提供的，正确的写法如下：$(document).ready(function(){ // ......});因为这么些比较麻烦，所以一般使用简写的方式，如下：$(function(){ // ....})
;2.关于document.ready与onload的相同点：都是在页面加载完成后执行方法体中的代码；
不同点：document.ready可以绑定多个函数，js根据定义的顺序，依次执行各个方法体，onload不能定义多个，后面定义的会覆盖前面定义的，所以只会执行最后定义的方法。$(function(){ // 方法体1，页面加在后执行})
;$(function(){ // 方法体2，方法体1执行后执行})
;window.onload = function(){ // onload方法2，页面加载完成后执行，不会执行onload方法1 }
jquery加载页面的方法，即：页面加载完成就执行，有如下几种：
1、jQuery的$(document).ready$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); });就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法 $(function(){ $("#a").click(function(){ //adding your code here }); });此方法就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前，是ready的简写方式3、window的onload事件 window.onload = function(){ $("#a").click(function(){ //adding your code here }); }这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。