jQuery .on() delegowane centrum myszy i myszy

Question

Jaki jest najlepszy sposób delegowania wielu zdarzeń za pomocą .on()?

To składnia dla jednego zdarzenia delegowanego:

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

A oto składnia dla wielu zdarzeń (nie delegowane):

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

Zastanawiałem się, czy nie było bardziej zwięzły sposób zrób to wtedy:

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

To nie jest wielka sprawa, jeśli muszę to robić w ten sposób, jestem bardziej ciekawy o tym niż o niczym.

Answer 1

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