Posted in: Events

Event Helpers

jQuery offers a few event-related helper functions that save you a few keystrokes. Here is an example of one, the .hover() function.

link .hover()

The .hover() method lets you pass one or two functions to be run when the mouseenter and mouseleave events occur on an element. If you pass one function, it will be run for both events; if you pass two functions, the first will run for mouseenter, and the second will run for mouseleave.

Note: Prior to jQuery 1.4, the .hover() method required two functions.

1
2
3
4
 
// The hover helper function
$( "#menu li" ).hover(function() {
    $( this ).toggleClass( "hover" );
});

You can find more helper functions on the API site for Events.