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