jQuery bind()、delegate()、live()都是通过on()来实现,
bind(): 会把所有的event handler加到全部的匹配的<a>元素上,存在一些效率方面的问题
$('a').bind('click', function(){});
$('#members li a').live('click', function(e){});
delegate(): 类似于live(),不会将所有的event全部绑定到document,而是自己决定将事件处理程序放在哪儿, 如下将事件处理程序放在id为member的父元素上
$('#member').delegate('li a', 'click', function(e) {})
$(selector).on(event, childSelector, data, function, map)
使用off()移除事件处理程序
.off(event [,selector] [,function]),
$('p').off() // 移除所有段落上的事件
$('p').off('click', '**') // 移除所有段落上的代理click事件
$('p').off('click','p', foo) // 移除先前绑定的事件代理程序