Description

The mouseover event occurs when the mouse pointer is over an element.

This event is mostly used together with the mouseout event.

The mouseover() method triggers the mouseover event, or if the function parameter is set, it specifies what happens when a mouseover event occur.

Note: Unlike the mouseenter event, the mouseover event triggers if a mouse pointer enters any child elements as well as the selected element. The mouseenter event is only triggered when the the mouse pointer enters the selected element.

---

Trigger the Event

Trigger the mouseover event for the selected element.

This method has the form:

.mouseover()

Return Value

This form returns a jQuery object.

---

Bind a Function to the Event

Specifies a function to run when the mouseover event is triggered for the selected element.

This method has the alternate form:

.mouseover(function)

Parameter	Description
function	(optional) Specifies the function to run when the mouseover event is triggered

Return Value

This form returns a jQuery object.

---

This method has the alternate form:

.mouseover(data,function)

Parameter	Description
data	(optional) Specifies additional data to pass along to the function
function	(optional) Specifies the function to run when the mouseover event is triggered

Return Value

This form returns a jQuery object.

Examples

Change background color of an element when the mouse pointer is over it:

$("p").mouseover(function(){
  $("p").css("background-color","yellow");
});