jQuery .on（）委託mouseenter和mouseleave

Question

使用.on()委託多個事件的最佳方式是什麼？

這是一個委託事件的語法：

$(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');