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