用于多个事件的jQuery单一处理程序

Question

$('div').mouseenter(function() {
    $(this).slideUp(150);
});

$('div').mouseenter(function() {
    $(this).slideDown(150);
});

如何将它组合成更小的东西？
暂时还不知道jQuery / JS。

Answer 1

您可以使用.on（）将函数绑定到多个事件：

$('div').on('event1 event2', function(e) {
 $(this).slideToggle(150);
});

Answer 2

$('div').on('mouseenter mouseleave', function() { 
   ...
})

使用.on()的另一个好处是事件委派，这意味着任何未来的div也会触发事件，而不是手动绑定事件。