jQuery - método mouseover() de eventos

Ejemplo

Cambia el color de fondo del elemento cuando el puntero del ratón está sobre él:

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

Prueba por ti mismo

Definición y uso

El evento mouseover ocurre cuando el puntero del ratón está sobre el elemento.

Este evento se utiliza la mayoría de las veces con mouseout Eventos que se utilizan juntos.

El método mouseover() desencadena el evento mouseover o define la función que se ejecuta cuando ocurre el evento mouseover.

Nota:A diferencia del evento mouseenter, el evento mouseover se desencadena independientemente de si el puntero del ratón cruza el elemento seleccionado o sus elementos hijos. El evento mouseenter se desencadena solo cuando el puntero del ratón cruza el elemento seleccionado. Vea la demostración a continuación.

Prueba por ti mismo:Diferencias entre mouseenter y mouseover

Dispara el evento mouseover

Sintaxis

$(selector).mouseover()

Prueba por ti mismo

Asigna la función a eventos mouseover

Sintaxis

$(selector).mouseover(function)
Parámetros Descripción
function Opcional. Define la función que se ejecuta cuando ocurre el evento mouseover.

Prueba por ti mismo