jQuery .on() mouseenter delegato e mouseleave

Question

Qual è il modo migliore per delegare più eventi utilizzando .on()?

Questa è la sintassi per un evento delegato:

$(document).on('mouseeenter','.foo', function(){}); 

E qui è la sintassi per più eventi (non delegati):

$('.foo').on({ 
    mouseenter: function(){ 
     //stuff 
    }, 
    mouseleave: function(){ 
     //stuff 
    } 
}); 

mi chiedevo se ci fosse un modo più succinto per fare questo altro allora:

$(document).on('mouseenter', '.foo', function(){}) 
      .on('mouseleave', '.foo', function(){}); 

non è un grosso problema se devo farlo in quel modo, io sono più curioso su di esso più di ogni altra cosa

Answer 1

$(document).on({ 
    mouseenter: function(){ 
     //stuff 
    }, 
    mouseleave: function(){ 
     //stuff 
    } 
}, '.foo');