➢ jQuery事件：bind、delegate、on的区别
最近在AngularJS的开发中，遇到一个神奇的事情：我们用到livebox来预览评论列表中的图片，
然而评论列表是由Angular Resource动态载入的。不可思议的是，点击这些动态载入的图片仍然会触发lightbox的图片预览。
难道lightbox使用先进的MutationObserver技术监听了DOM的变化？观察lightbox源码才发现，原来只是jQuery的.on()方法：
$('body').on('click', 'a[rel^=lightbox], ...', function(event){});
本文便来详解各种jQuery事件绑定方法：on，bind，delegate，live，unbind，trigger。
同时总结一下常用的jQuery事件技术：如何阻止事件冒泡、阻止浏览器默认行为、解绑事件处理函数、自定义事件。
什么是 jQuery 事件
jQuery事件是DOM事件的封装，同时支持自定义的扩展。在程序设计中，事件和代理有着相似的作用： 它们提供了一种机制，使得行为的实现方式和调用时机可以分离。
不谈jQuery，DOM本身就提供了一系列的javascript事件，例如click，keyup，submit。
未实现相关业务逻辑，通常会为这些事件定义一系列的处理函数，处理函数定义了业务的实现方式，而浏览器知道这些业务的调用时机。
Javascript事件就是这样一种机制，使得行为的实现方式和调用时机可以动态地绑定。
jQuery事件是通过封装javascript事件来实现的，例如.keyup()便是onkeyup的封装：
.keyup()： Bind an event handler to the “keyup” JavaScript event, or trigger that event on an element.
除了封装大多数的javascript事件，jQuery提供了统一的事件绑定和触发机制：
- 绑定事件：
bind、on、live、delegate、keyup(<function>)； - 触发事件：
trigger('keyup')、keyup()； - 解绑事件：
unbind、off、die、undelegate。
事件绑定：bind
使用javascript绑定一个事件很简单，只需要在HTML中设置onxxx属性，
并且在javascript中定义相关的处理函数便可以完成。
<div onclick="func()"></div>
<script>
function func(){
console.log('clicked!');
}
</script>
上述是基本的javascript事件处理方式，而jQuery提供了更加方便的方式：.bind()函数。
.bind()：Attach a handler to an event for the elements.
<div id='foo'></div>
<script>
$('#foo').click(function(){
console.log('clicked!');
});
</script>
.click(<function>)等效于.bind('click', <function>)。另外还可以通过unbind来解绑事件：
$('#foo').unbind('click');
如果
unbind参数为空，则解绑匹配元素的所有事件处理函数。 在我的理解中，我们还是不要off，unbind，die吧。即使不谈效率，它们也使得软件更难理解了。 如果你感觉有需要，下面的.on()应该会满足你~
.bind将会给所有匹配的元素都绑定一次事件，当元素很多时性能会变差。
而且后来动态新增的元素不会被绑定。
