jQuery事件与事件冒泡

1、事件函数列表

blur() 元素失去焦点
focus() 元素获得焦点
click() 鼠标点击
mouseover() 鼠标进入（进入子元素也触发）
mouseout() 鼠标离开（离开子元素也触发）
mouseenter() 鼠标进入（进入子元素不触发）
mouseleave() 鼠标离开（离开子元素不触发）
hover() 同时为mouseenter和mouseleave事件指定处理函数
ready() DOM加载完成
resize() 浏览器窗口大小发生改变
scroll() 滚动条的位置发生变化
submit() 用户递交表单

2、绑定事件的其他方式

$(function(){
			$('#div1').bind('mouseover click'，function(event){
					alert($(this).html());
				
			})
})

3、解除绑定事件

$(function(){
			$('#div1').bind('mouseover click'，function(event){
					alert($(this).html());
					$(this).unbind('mouseover');
			})
})

4、事件冒泡

什么是事件冒泡
在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直到它被处理，或者它到达了对象层次的最顶层，即document对象。
阻止事件冒泡
通常触发事件函数中使用
return false;

5、事件委托

事件委托就是利用事件冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定的次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。
一般事件绑定的写法

事件委托的写法

$('.list').delegate('li','click',function(){
		$(this).css({'backgroundColor':'red'})
})