jQuery .on() 委托(delegate) mouseenter 和 mouseleave

Question

这个问题已经有答案了:

Combining jquery functions - on() hover/mouseenter/mouseleave (6 个回答)

已关闭 6 年前。

使用 .on() 委托(delegate)多个事件的最佳方式是什么？ ？

这是一个委托(delegate)事件的语法:

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

这是多个事件的语法(未委托(delegate)):

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