一、加载DOM
在页面加载完毕后，浏览器会通过javaScript为DOM元素加载事件，在js中通常使用window.onload=function(){...}方法，在JQuery中使用$(document).ready(function(){...})，或简写成$(function{...})，这个方法使得在DOM载入就绪时就对其进行操作并调用执行所绑定的方法。
两者区别：
1）执行时机：
前者必须等待网页中所有的内容（包括图片）加载完毕后才能执行；后者网页中所有的DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完。
要想达到window.onload效果，可以使用jQuery中的load方法，将处理函数绑定给window对象，如：$(window).load(function(){...})
2）多次使用
window.onload只能编写一次，如果网页中有两个函数，则只有第二个有效，因为js的onload事件一次只能保存对一个函数的引用，会自动覆盖前面的函数；
$(document).ready()则可以编写多次，每次调用$(document).ready()方法都会在现有行为上追加新的行为，这些函数根据注册顺序依次执行
3）简写方式：
$(document).ready(function(){
//编写代码
});
简写为：
$(function(){
//编写代码
})
另外当$()不带参数时，默认的是document，因此也可以简写成：
$().ready(function(){
//编写代码
});