jQuery .on（）delegated mouseenterとmouseleave

Question

.on()を使用して複数のイベントを委譲する最良の方法は何ですか？

これは1つの委任イベントの構文は次のとおりです。

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

そしてここでは、複数のイベント（委任ではない）のための構文は次のとおりです。より簡潔な方法があった場合

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

私は思っていましたそれ以外の場合：

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

私はそれをやり直す必要がありますが、私はより興味がありますそれは何よりも。

Answer 1

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