mouseout() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:mouseout

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. mouseout

Description

The mouseout() method triggers the mouseout event, or sets function as mouseout event handler.

Syntax 

$(selector).mouseout(function);
Parameter Require Description
function Optional. function to run when the mouseout event is triggered

The following code shows how to set the background color to gray, when the mouse pointer leaves a <p> element:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").mouseover(function(){
        $("p").css("background-color", "yellow");
    });//  www .  j a  va  2s. c om
    $("p").mouseout(function(){
        $("p").css("background-color", "lightgray");
    });
});
</script>
</head>
<body>

<p>Move the mouse pointer over this paragraph.</p>

</body>
</html>

Related Tutorials