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