W3Schools.com

jQuery Event hover() Method

jQuery Event Methods jQuery Event Methods

Example

Change background color of an element when the mouse pointer enters or leaves it:

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

Try it yourself »

Definition and Usage

The hover() method binds functions to the mouseenter and mouseleave events.

Bind Functions to the hover Event

Specifies a function to run when the mouseenter and mouseleave events occur.

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

Syntax

$(selector).hover(inFunction,outFunction)

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

If this is the only parameter specified, this function will be run for both the mouseenter and mouseleave events.
outFunction Optional. Specifies the function to run when the mouseleave event occurs

jQuery Event Methods jQuery Event Methods

WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$3.98 Unlimited Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Best Website Templates Top CSS Templates
CREATE HTML Websites
EASY WEBSITE BUILDER
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE