mouseenter() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:mouseenter

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

Description

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

Syntax 

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

The following code shows how to set the background color to yellow, when the mouse pointer enters 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").mouseenter(function(){
        $("p").css("background-color", "yellow");
    });//from www .j  a v  a  2  s  . c o  m
    $("p").mouseleave(function(){
        $("p").css("background-color", "lightgray");
    });
});
</script>
</head>
<body>

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

</body>
</html>

Related Tutorials