event机制

事件冒泡（事件传播）机制：

某节点触发事件，那么该事件会递归父节点，溯流而上直至根节点，如果所经结点有绑定相同事件的监听器，则也会触发。所有浏览器默认事件冒泡。

事件捕获机制：

与冒泡线路一样，方向相反，即从根节点到某结点。如果所经结点有绑定相同事件的监听器，则也会触发。

ie、opera浏览器不支持之间捕获，标准浏览器（firefox,chrome,safar）支持 由addEventListner()方法第三个参数(true)控制。

事件委托机制：

基于事件冒泡机制，事件委托就是事件目标自身不处理事件，而是把处理任务委托给其父元素或者祖先元素，甚至根元素（document）。 

jquery live()和delegate()实现代理的原理：

出自-http://developer.51cto.com/art/201103/249694.htm

.live(); eg:

    $('a').live('click', function() { alert("That tickles!") }); 

JQuery把alert函数绑定到$(document)元素上，并使用’click’和’a’作为参数。任何时候只要有事件冒泡到document节点上，它就查看该事件是否是一个click事件，以及该事件的目标元素与’a’这一CSS选择器是否匹配，如果都是的话，则执行函数。

.delegate(); eg:

    $('#container').delegate('a', 'click', function() { alert("That tickles!") }); 

JQuery扫描文档查找$(‘#container’)，并使用click事件和’a’这一CSS选择器作为参数把alert函数绑定到$(‘#container’)上。任何时候只要有事件冒泡到$(‘#container’)上，它就查看该事件是否是click事件，以及该事件的目标元素是否与CCS选择器相匹配。如果两种检查的结果都为真的话，它就执行函数。

jquery官方解析中有一句关键的话“如果$(event.target).closest(selector)能够找到一个匹配的元素,则触发事件”，closest()和parents()，关键区别是：前者从自身开始找，后者开始从父元素中找。