Latest web development tutorials

Metodo jQuery hover ()

jQuery Metodi di eventi jQuery Metodi di eventi

Esempi

Quando il puntatore del mouse si trova sopra la parte superiore, cambiare il colore di sfondo elemento <p>:

$ ( "P"). Hover (function () {
. $ ( "P") css ( "background-color", "giallo");
}, Function () {
. $ ( "P") css ( "background-color", "rosa");
});

Prova »

Definizione e utilizzo

Metodo hover () specifica due funzioni quando il puntatore del mouse si trova sopra gli elementi selezionati per l'esecuzione.

prima di jQuery 1.7 versione di questo metodo attiva MouseEnter e MouseLeave eventi.

Dopo jQuery 1.8 versione di questo metodo attiva mouseover e mouseOut eventi.


grammatica

$ (Selector) .hover (inFunction,outFunction)

chiamata:

$( selector ).hover( handlerIn, handlerOut )

Equivalenti come segue:

$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

NOTA: Se solo una funzione specifica, verrà eseguito su eventi mouseover e mouseOut.

chiamata:

$(selector).hover(handlerInOut)

È equivalente a:

$( selector ).on( "mouseover mouseout", handlerInOut );

parametri descrizione
inFunction Richiesto. Funzione prescritto eseguito quando si verifica un evento mouseover.
outFunction Opzionale. Prescritto funzione di corsa quando si verifica mouseout evento.


jQuery Metodi di eventi jQuery Metodi di eventi