Método jQuery hover()

Eventos de jQuery

Cuando el puntero del ratón está suspendido sobre el elemento seleccionado, el método hover() especifica dos funciones que se deben ejecutar.

Este método desencadena simultáneamentemouseenterymouseleaveeventos.

El método de invocación de hover() es un atajo: $(selector).mouseenter(function_in).mouseleave(function_out)

Nota:Cuando se pasa una sola función, el método hover() ejecuta esa función tanto para los eventos mouseenter como mouseleave.

Sintaxis:

$$(selector).hover(function_in, function_out)

Ejemplo

Cuando el puntero del ratón está suspendido sobre él, cambia el color de fondo de todos los elementos <p>:

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

Añadir estilos especiales para listar los elementos que se van a mantener sobre el ratón:

$$(document).ready(function(){
　　$("li").hover(function(){funcIn(this);}, function(){funcOut(this);});
});
function funcIn(x) {
　　$$(x).html("ratón<b>ENTER</b> Presionar el evento se activa);
　　$$(x).css("background", "yellow");
}
function　funcOut(x)　{}}
　　$(x).html("Evento de salida del ratón");
　　$(x).css("background",　"white");
}

Si solo se especifica una función, se ejecutará la función tanto para los eventos mouseenter como mouseleave:

$("div").hover(function(){
　　$(this).css("background",　randColor());
});
//　Función para obtener colores aleatorios
function　randColor()　{
　　return　'rgb('　+　Math.floor(Math.random()*256)　+　','　+　Math.floor(Math.random()*256)　+　
　　','　+　Math.floor(Math.random()*256)　+　')';
}

Valor del parámetro

Eventos de jQuery