jquery 的事件委托

1
$(selector).on(event,[selector],handler);

selector传入子元素时，不会处理event，实际上是相当于原生js中事件触发时判断e.target后执行的

使用jq的on方法阻止子元素冒泡 实例：

1
2
3
4
5
$(document).on('click','li',function(e){

    e.stopPropagation(); //阻止冒泡

})

此事件中this指向ev.target
在jq中移除子元素不需要父元素，在jq中移除元素直接使用remove()方法;

1
2
3
4
5
6
7
8
  /*事件委托*/
oTbody.on('click', 'a', function (ev) {
  ev.preventDefault();
  if ($(this).hasClass('delete_user')) {
     $(this).parent().parent().remove();
   }
})