#     

## Overview
The **`mouseover()` method** triggers the `mouseover` event when the mouse pointer is over a selected element. It is a short-hand of the  `on('mouseover', eventHandler)` event.

This method is triggered with the selected element even when the mouse pointer enters any child element. 

## Syntax
```
$(selector).mouseover(function());
```

## Parameters
This method accepts only one parameter that is a function invoked when triggered by the `mouseover()` method.

## Example
Let's look at the code below:

<html>
 <head>
 </head>
 <body>
   <h3>Move the mouse pointer over the square to change it's background color.</h3>
   <div id="content"/>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 </body>
</html>

$(document).ready(function() {
  // below method will be invoked
  // when mouse pointer moves over the content div
  $("#content").mouseover(function() {
    // change background color
    $("#content").css("background-color", randomColor())
  });
});

const randomColor = function() {
  // generate a random color
  const color = Math.floor(Math.random()*16777215).toString(16);
  // return color
  return color;
}

#content {
    width: 100px;
    height: 100px;
    background: red;
}

codemirror

## Explanation

In the HTML tab:
- **Line 6**: We create a `div` with `id="content"`.
- **Line 7**: We import the `jQuery` script.

In the JavaScript tab:
- **Line 4**: We attach the `mouseover()` method on the element with the id of content (i.e., `"#content"`).
- **Line 6**: We use the `css()` method to change the background color of that element (i.e., `"#content"`) when `mouseover()` is invoked.
- **Lines 10 to 15**: We create a function, `randomColor`, that generates a random color and returns it.


## Output
The `mouseover()` method is invoked once we move the mouse pointer over the square. As a result, the background color of the square changes.


What is the mouseover() method in jQuery?

Triggers mouseover event on selected element, executing a function for CSS effects or other actions.