JQuery.on () с несколькими обработчиками событий для одного селектора

Пытался выяснить, как использовать метод JQuery .on () с конкретным селектором, с которым связано несколько событий. Раньше я использовал метод .live (), но не совсем уверен, как сделать то же самое с .on (). Пожалуйста, посмотрите мой код ниже:

$("table.planning_grid td").live({
  mouseenter:function(){
     $(this).parent("tr").find("a.delete").show();
  },
  mouseleave:function(){
     $(this).parent("tr").find("a.delete").hide();        
  },
  click:function(){
    //do something else.
  }
});

Я знаю, что могу назначить несколько событий, позвонив:

 $("table.planning_grid td").on({
    mouseenter:function(){  //see above
    },
    mouseleave:function(){ //see above
    }
    click:function(){ //etc
    }
  });

Но я считаю, что правильное использование .on () будет таким:

   $("table.planning_grid").on('mouseenter','td',function(){});

Есть ли способ сделать это? Или что здесь лучше всего? Я попробовал приведенный ниже код, но без кубиков.

$("table.planning_grid").on('td',{
   mouseenter: function(){ /* event1 */ }, 
   mouseleave: function(){ /* event2 */ },
   click: function(){  /* event3 */ }
 });

Заранее спасибо!