Méthode jQuery hover()

Événements jQuery

Lorsque le curseur de la souris est au-dessus de l'élément sélectionné, la méthode hover() spécifie deux fonctions à exécuter.

Cette méthode déclenche simultanémentmouseenteretmouseleaveévénement.

L'appel de la méthode hover() est une abréviation : ;$(selector).mouseenter(function_in).mouseleave(function_out)

Attention :Lorsque seule une fonction est transmise, la méthode hover() exécute cette fonction pour les événements mouseenter et mouseleave.

Syntaxe :

$(selector).hover(function_in, function_out)

Exemple

Changer la couleur de fond de tous les éléments <p> lorsque le curseur de la souris est au-dessus :

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

Ajouter un style spécial pour lister les éléments à faire flottant :

$(document).ready(function(){
　　$("li").hover(function(){funcIn(this);}, function(){funcOut(this);});
});
function funcIn(x) {
　　$(x).html("Souris<b>ENTRER</b> Appuyer sur l'événement déclenché");
　　$(x).css("background", "yellow");
}
function　funcOut(x)　{}}
　　$(x).html("Déclencher l'événement de sortie de la souris");
　　$(x).css("background",　"white");
}

Si une seule fonction est spécifiée, cette fonction est exécutée pour les événements mouseenter et mouseleave en même temps :

$("div").hover(function(){
　　$(this).css("background",　randColor());
});
//　Fonction d'obtention de couleur aléatoire
function　randColor()　{
　　return　'rgb('　+　Math.floor(Math.random()*256)　+　','　+　Math.floor(Math.random()*256)　+　
　　','　+　Math.floor(Math.random()*256)　+　')';
}

Valeur du paramètre

Événements jQuery