事件

* 1、添加事件

* 1.1 直接绑定事件click、mouseover、mouseleave、mouseenter......

* $('#div').click

* 1.2 绑定事件

* bind 为匹配的元素绑定事件 上面的1.1是bind的简写形式

* $('#div').bind('click', function(){

*

* })

* 使用方式：

* jq对象.bind(eventType, fn)

* eventType 事件类型 click、mouseover、mouseleave、mouseenter......

* fn 回调函数

*

* bind:

* 1、只能给既存元素绑定事件

* 2、没有事件委托

*

* 事件委托：利用了冒泡的原理

* return false = e.stopPropagation() + e.preventDefault();

*

* on 为匹配的元素绑定事件

* one 只是执行一次绑定事件，执行完一次后，自动解除绑定

* trigger 为匹配的元素执行事件

* trigger 与 triggerHandlerd的区别

* 相同点：

* 功能一样

* 不同点：

* triggerHandler没有冒泡，不会触发浏览器默认事件

*

* 2、事件委托

* on

* live

* delegate

* 例如：

* $('#div1').on('click', '.del', function(){

$(this).parent().remove();

})

*

* 3、删除（解绑）事件

* on off off可以解绑所有事件的绑定

* bind unbind

* delegate undegate

* live die

*

* 4、复合事件

* toggle

* hover