jQuery Mouse hover() Event

Last Updated Jul 21, 2015, 12:00:06 PM

jQuery Mouse hover() Event

jQuery mouse hover() event is used to bind more than one handlers to the matched elements and then it will be executed when the mouse pointer enters and leaves the HTMLelements.


The jQuery hover() event method binds handlers for both mouseenter and mouseleave events. You can use it to apply to an element during the time when the mouse is within the element.


In this example, blue stars(*****) will be displayed as a result when user mouse over on HTML li elements.

jquery mouse hover() method

Try It Now

Other Advanced jQuery Events you might want to learn
jQuery Complete Events Reference

jQuery Events

jQuery Document Events

jQuery Keyboard Events

jQuery Mouse Events

Sources and Credits

The content and methods in the tutorial has been referred and updated with jQuery API and The jQuery Foundation

Last Updated Jul 21, 2015, 12:00:06 PM