1、加载DOM元素
传统的window.onload();网页中的所有元素（包括元素的所有关联文件）完成加载到浏览器后，才可执行（js此时可访问网页中的任何元素）；只能保存对一个函数的调用，会自动用后面的函数覆盖前面的函数；
jquery中的$(document).ready(function(){});在dom完全就绪时就可以被调用，无需等到元素关键的文件全部下载完毕；可多次调用；
2、事件绑定
bind(type[,data],fn):type指事件类型；data指传递的参数；fn指回调函数
3、合成事件
hover(enter,leave)：模拟光标悬停事件，当光标移动到元素上时，触发第一个函数；当光标移出这函数时，会触发第二个函数。
toggle(fn1,fn2,...fnN):模拟鼠标连续单击事件，每单击一次，依次执行函数
4、冒泡
现象：页面上可以有多个事件，也可以多个元素响应同一个事件。如在body、div和span都定义了单击事件，当执行span上的单击事件时，则会依次执行span、div和body上的单击事件。
引发问题：如上述，只想执行span上的单击事件，就会存在问题。
引发问题解决方案：
事件对象：需为函数增加一个参数，如$('element').bind('click',function(event){});其中，event为事件对象。
停止事件冒泡：在span元素的单击方法执行完毕后，调用stopPrepagation()方法来停止事件冒泡。
阻止默认行为：调用event对象的preventDefault方法。
事件捕获：和事件冒泡相反的过程，从最顶端往下开始触发。上述例子，则是从body、div和span的顺序，从最外层元素开始，然后再到最里层元素。
4、事件对象的属性
event.type（）方法可以捕获事件的类型
event.preventDefault()方法阻止默认的事件行为
event.stopPropageation()方法阻止事件的冒泡
event.target()方法获取到触发事件的元素；
event.pageX()和pageY()方法获取到光标相对于页面的x坐标和y坐标，ie和火狐下有差别
event.which()方法在鼠标单击事件中，获取到鼠标的左、中、有键，1左、
5、移出事件，调用unbind方法，支持移除所有方法及指定的方法；可以调用one方法定义触发一次就接触绑定的方法
