事件助手

事件助手
Prev	Chapter 5. 事件	Next

事件助手

jQuery提供了两个相关事件助手函数让你减少打字次数。

`$.fn.hover`

$.fn.hover方法让一个或两个函数在mouseenter和mouseleave事件触发的时候执行。如果你传入一个函数，它将在两个事件触发的时候都执行；如果传入两个函数，第一个函数将在mouseenter事件触发的时候执行，第二个函数在mouseleave事件触发的时候执行。

Note

在jQuery 1.4之前，$.fn.hover方法需要两个函数。

Example 5.13. hover助手函数

$('#menu li').hover(function() { 
    $(this).toggleClass('hover'); 
});

`$.fn.toggle`

和 $.fn.hover类似，$.fn.toggle方法接收两个或以上函数，每次事件触发的时候，在列表中的下一个函数将被调用。一般来说，$.fn.toggle只使用两个函数，但在技术上你传入多少都可以。

Example 5.14. toggle助手函数

$('p.expander').toggle(
    function() {
        $(this).prev().addClass('open');
    },
    function() {
        $(this).prev().removeClass('open');
    }
);

Prev	Up	Next
使用事件委托提高性能	Home	练习