多個事件的jQuery單處理程序

Question

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

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

如何將它組合成更小的東西？
還沒有足夠的jQuery/JS知道。

Answer 1

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

使用.on()的另一個好處是事件的代表團，這意味着任何未來div S還觸發的，而不是對他們的手工綁定該事件的事件。

Answer 2

可以使用。對（）結合的功能的多個事件：

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