js操作新添加的DOM的问题

$(function(){
  $("body").on("click", '.abc', function(){
    alert('ok');
  });
  $('.b').click(function(){
    $("<div class='abc'></div>").insertAfter($(this));
  });
})

 

添加多个事件：

  相同方法:

  $(".table").on("mouseover mouseout","td",function(){ /*   */ });

  不同方法:

  $(".table").on({
    mouseenter:function(){   /*   */  },
    mouseleave:function(){    /*   */  }
  },"td");

Api：http://api.jquery.com/on/#on-events-selector-data-handler