.hover() Event

Syntax

hover( handlerIn(eventObject), handlerOut(eventObject) )

Description

.hover() event is used to combine the actions of both mouseenter and mouseleave. handlerIn(eventObject) is a function to be executed when the mouse pointer enters the element. handlerOut(eventObject) is a function to be executed when the mouse pointer leaves the element. In the below example, the background color of the text is changed using this function.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("#para").hover(function(){ $("#para").css("background-color","yellow"); },function(){ $("#para").css("background-color","lightblue"); }); }); </script> <div id='para' style="background-color:pink">Hover the mouse pointer over me. </div>