jQuery hover() Method - CodingTag

jQuery hover()

0 755

  • This jQuery function binds two functions to run when you hover the mouse pointer to the specific HTML element.
  • This method provides the facility to triggers two jQuery events mouseenter and mouseleave at a single time.

Related Topic:

jQuery mousemove
jQuery mouseup

jQuery hover()


$(selector). hover(in_function,out_function);

Parameter description:

  • in_function: It represents the function to run when the mouseenter event is triggered. It is mandatory.
  • out_function: It represents the function to run when the mouseleave event is triggered. It is optional.


<title> jQuery Example </title>
<script type = "text/javascript"

$(this).css("color", "green");
$(this).css("background", "yellow");

$(this).css("background", "white");
$(this).css("font-size", "16px");


<h2> jQuery hover() method Example </h2>


When you hover the cursor on a subject, it will highlight

Best WordPress Hosting


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price

Leave a Reply

    Waiting for your comments