JQuery是用js写的JavaScript库，是为了简化js对HTML元素的操作、实现动画效果并方便为网站提供ajax交互；
ready()方法和js的windown.onload()方法类似，都是当页面的文档加载完毕后调用该方法；不同的是ready()方法是当DOM元素的结构绘制完毕后执行（一些图片类的资源可以没有加载完成）同时可以执行多个而windown.onload()方法是页面的所有资源都加载完毕后执行（包括图片资源）并且只能执行一次；
| windo.onload() | $(document).ready() | |
| 执行时期 | 必须等到所有的页面资源都加载完毕后执行（包括图片资源） | DOM元素的结构绘制完毕后执行（图片资源可以不加载） |
| 编写个数 | 只能编写一个，如果编写多个后面的会覆盖前面的 | 可以编写多个 |
| 简写方法 | 无 | $(function(){}) |
JQuery对象只能用JQuery中的方法，DOM对象只能用DOM中的方法
变量命名约定：JQuery对象前面加$;var $variable = $("div")
JQuery对象转换成DOM对象，JQuery对象是一个数组集合，可以用下标访问变成DOM对象 var dom = $("div")[0];或者用 var dom = $("div").get(0)都是获取第一个元素
DOM对象转换成JQuery对象，直接用$符号封装 var $variable = $(dom);
noConflict()解决插件之间的兼容性：JQuery.noConflict()让出$符号