Metodo JQuery .on () con più gestori di eventi in un solo selettore

Prova di capire come usare il metodo .qu () di Jquery con un selettore specifico a cui sono associati più eventi. In precedenza stavo usando il metodo .live (), ma non ero sicuro di come realizzare la stessa impresa con .on (). Si prega di vedere il mio codice qui sotto:

$("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.
  }
});

So di poter assegnare più eventi chiamando:

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

Ma credo che l'uso corretto di .on () sarebbe così:

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

C'è un modo per raggiungere questo obiettivo? O qual è la migliore pratica qui? Ho provato il codice qui sotto, ma nessun dado.

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

Grazie in anticipo!

È il contrario . Dovresti scrivere:

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

Inoltre, se vi fossero più gestori di eventi collegati allo stesso selettore che esegue la stessa funzione, è possibile utilizzare

$('table.planning_grid').on('mouseenter mouseleave', function() {
    //JS Code
});

Se si desidera utilizzare la stessa funzione su eventi diversi, è possibile utilizzare il seguente blocco di codice

$('input').on('keyup blur focus', function () {
   //function block
})

Ho imparato qualcosa di veramente utile e fondamentale da qui .

concatenamento funzioni è molto utile in questo caso che funziona sulla maggior parte delle funzioni jQuery inclusi in uscita funzione troppo.

Funziona perché l'output della maggior parte delle funzioni jQuery sono i set di oggetti di input in modo da poterli usare immediatamente e renderli più brevi e più intelligenti

function showPhotos() {
    $(this).find("span").slideToggle();
}

$(".photos")
    .on("mouseenter", "li", showPhotos)
    .on("mouseleave", "li", showPhotos);

E puoi combinare gli stessi eventi / funzioni in questo modo:

$("table.planning_grid").on({
    mouseenter: function() {
        // Handle mouseenter...
    },
    mouseleave: function() {
        // Handle mouseleave...
    },
    'click blur paste' : function() {
        // Handle click...
    }
}, "input");

Prova con il seguente codice:

$("textarea[id^='options_'],input[id^='options_']").on('keyup onmouseout keydown keypress blur change', 
  function() {

  }
);