The j Query library has numerous methods. One of them is the **`hover()` method**, which triggers events on some mouse actions. 

#   
## The `hover()` method

This method is called when a mouse cursor hovers over an element. With this method, we can bind some actions to two events. These events are:
* `mouseenter`
* `mouseleave`
## `mouseenter`
 Events are triggered when we bring the cursor over the element.
## `mouseleave`
Events are triggered when we remove the cursor from the element.

## Syntax
```
$( selector ).hover( handlerIn, handlerOut )

```
## Parameter

This function will accept two parameters which include:
* **`selector`** : This is the element's selector to be captured.

* **`handlerIn`** : This function handles what will happen to the element when the mouse enters the element.

* **`handlerOut`** : (optional) This function handles what will happen to the element when the mouse leaves the element.

If one parameter is provided to the function, what is specified in the `handleIn` function will be used for both the `mouseenter` and `mouseleave` events.



<html>
 <head>
 </head>
 <body>
   <div id="content"/>
    <!DOCTYPE html>
<html>
  
<head>
    
    <script src=
        "https://code.jquery.com/jquery-git.js">
    </script>
</head>
  
<body>
    <h1>Educative/Edpresso </h1>
  
    <script>
  
        // Calling hover() method 
        // on h1 tag
        $("h1").hover(
  
            // mouse-enter event
            function () {
  
                // changing the color
                $("h1").css('color', 'green')
            },
  
            // mouse-leave event
            function () {
  
                // setting the color to red
                $("h1").css('color', 'red')
            })
    </script>
</body>
  
</html>

 </body>
</html>

codemirror

## Explanation

In the code above, we import the jQuery library, which enables the use of the jQuery syntax. If the mouse hovers on the element, it changes the element color to green. When the mouse leaves the element, it changes to red.

What is the hover() method in jQuery?

The `hover()` method in jQuery triggers actions on `mouseenter` and optionally `mouseleave` events, changing element behavior on hover.

What is the hover() method in jQuery?

The hover() method

mouseenter

mouseleave

Syntax

Parameter

Explanation

The `hover()` method

`mouseenter`

`mouseleave`