jQuery hover() Method

Change the background color of a <p> element when the mouse pointer hovers over it:

$("p").hover(function(){
  $(this).css("background-color", "yellow");
  }, function(){
  $(this).css("background-color", "pink");
});

Definition and Usage

The hover() method specifies two functions to run when the mouse pointer hovers over the selected elements.

This method triggers both the mouseenter and mouseleave events.

Note: If only one function is specified, it will be run for both the mouseenter and mouseleave events.

$(selector).hover(inFunction,outFunction)

Parameter	Description
inFunction	Required. Specifies the function to run when the mouseenter event occurs
outFunction	Optional. Specifies the function to run when the mouseleave event occurs