jQuery单个处理多个事件

jQuery single handler for multiple events

本文关键字：事件 处理 单个 jQuery      更新时间：2023-09-26
$('div').mouseenter(function() {
    $(this).slideUp(150);
});
$('div').mouseenter(function() {
    $(this).slideDown(150);
});

我怎样才能把这个组合成更小的东西?
我对jQuery/JS的了解还不够。

可以使用.on()将一个函数绑定到多个事件:

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

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

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

相关文章：