jQuery中的事件

window.onload方法是在网页中所有的元素完全加载到浏览器后才执行
$(document).ready()只要DOM加载完毕就可以正常使用
tip：如果jQuery中要处理图片相关的事件， 如果此时DOM已经加载完毕， 但是此时的图片尚未加载，
则此时设置图片的高度宽度的话就会失效
$(window).load(function(){
//
})
window.onload = function(){
//
}
window.onload = one;
window.onload = two;
js的onload事件一次只能保存对一个函数的引用， 它会自动调用后面的函数

$(document).ready(function(){})
//jquery则可以直接依次进行调用
tip:如果相同的选择器在你的代码中多次出现， 请用变量将它缓存起来

合成事件hover
jQuery有两个合成事件 hover()，toggle()方法， 都是属于jQuery自定义的方法
hover()方法用来模拟光标悬停事件， 当光标移动到元素上时， 会触发指定的第一个函数， 移出时则

会触发第二个函数

toggle方法
toggle(f1, f2, f3...fn);根据点击的次数轮番执行

事件冒泡   从下往上冒泡
如果想停止事件冒泡的话   使用event.stopPropagation() 方法
如果想阻止默认的行为的话   使用event.stopPreventDefault()方法

事件对象的属性
1.event.type 可以获取到事件的类型
2.event.preventDefault()  阻止默认的事件行为
3.event.stopPropagation()  阻止事件冒泡
4.event.target     获取触发事件的元素
5.event.relatedTarget  相关元素可以用这个属性来获取
6.event.pageX和event.pageY  该方法的作用用来获取光标相对于页面的x坐标和y坐标
7.event.which  1代表鼠标左键 2代表鼠标中键 3代表鼠标右键

unbind()  移除按钮元素上以前注册的事件
unbind([type], [data], fn)  
第一次表示需要移除的事件， 第三个表示移除对应事件下的函数

//自动触发click事件
$("#btn").trigger("click")
trigger(type, [data]) 第一个参数是要触发的事件类型   第二个参数是要传递给事件处理函数的附

加数据
trigger执行之后还会触发浏览器的默认操作
如果只想触发绑定的focus事件， 而不想执行浏览器默认操作
triggerHandler("focus");

bind支持如下的写法
bind("mouseover mouseout", function(){})
write less, do more

bind("mouseover.plugin")  这个plugin表示的是命名空间， 同一个命名空间的事件可以直接通过
unbind(".plugin")的语法进行删除