jQuery hover() Methode

jQuery Ereignisse

Wenn der Mauszeiger auf dem ausgewählten Element liegt, legt die hover()-Methode zwei auszuführende Funktionen fest.

Diese Methode löst gleichzeitig ausmouseenterundmouseleaveEreignisse.

Der Aufruf der hover()-Methode ist eine Abkürzung: ;$(selector).mouseenter(function_in).mouseleave(function_out)

Hinweis:Wenn eine einzelne Funktion übergeben wird, führt die hover()-Methode die Funktion sowohl für den mouseenter- als auch für den mouseleave-Ereignis aus.

Syntax:

$(selector).hover(function_in, function_out)

Beispiel

Wenn der Mauszeiger über dem Element liegt, ändern Sie die Hintergrundfarbe aller <p>-Elemente:

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

Fügen Sie spezielle Stile hinzu, um die aufzuzählenden Punkte anzuzeigen:

$(document).ready(function(){
　　$("li").hover(function(){funcIn(this);}, function(){funcOut(this);});
});
function funcIn(x) {
　　$(x).html("Maus<b>ENTER</b> Drücken Sie den Ereignisablauf aus");
　　$(x).css("background", "yellow");
}
function　funcOut(x)　{}}
　　$(x).html("Mausabwanderungsevent auslösen");
　　$(x).css("background",　"white");
}

Wenn nur eine Funktion angegeben wird, wird diese Funktion gleichzeitig für die Ereignisse mouseenter und mouseleave ausgeführt:

$("div").hover(function(){
　　$(this).css("background",　randColor());
});
//　Zufallsfarbfunktion abrufen
function　randColor()　{
　　return　'rgb('　+　Math.floor(Math.random()*256)　+　','　+　Math.floor(Math.random()*256)　+　
　　','　+　Math.floor(Math.random()*256)　+　')';
}

Parameterwert

jQuery Ereignisse