Método mouseenter() de eventos jQuery

Manual de referencias de eventos jQuery

Ejemplo

Cambia el color de fondo del elemento cuando el puntero del ratón entra (cruza) en él:

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

Prueba por ti mismo

Definición y uso

Se produce el evento mouseenter cuando el puntero del ratón cruza el elemento.

Este evento se asociará la mayoría de las veces con mouseleave Eventos relacionados.

El método mouseenter() desencadena el evento mouseenter o define la función que se ejecutará cuando se produzca el evento mouseenter.

Notas:A diferencia del evento mouseover, el evento mouseenter se desencadena solo cuando el puntero del ratón cruza el elemento seleccionado. Si el puntero del ratón cruza cualquier elemento hijo, también se desencadenará el evento mouseover. Consulta la siguiente demostración de ejemplo.

Prueba por ti mismo:Diferencias entre mouseenter y mouseover

Dispara el evento mouseenter

Sintaxis

$(selector).mouseenter()

Prueba por ti mismo

Asigna la función a eventos mouseenter

Sintaxis

$(selector).mouseenter(function)
Parámetros Descripción
function Opcional. Define la función que se ejecutará cuando se produzca el evento mouseenter.

Prueba por ti mismo

Manual de referencias de eventos jQuery