hover ist ein Mausereignis in JQuery. Die Methode hover() gibt zwei Funktionen an, die ausgeführt werden sollen, wenn sich der Mauszeiger über dem ausgewählten Element befindet. Der erste Parameter gibt die Funktion an, wenn der Mauszeiger das Element passiert, und der zweite Parameter gibt die Funktion an, wenn der Mauszeiger das Element verlässt .Funktion, die Syntax lautet „element object.hover(function, function)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Hover ist ein Mausereignis in JQuery
Die Reaktion der Seite auf verschiedene Besucher wird als Ereignis bezeichnet.
Event-Handler beziehen sich auf Methoden, die aufgerufen werden, wenn bestimmte Ereignisse in HTML auftreten. Die Methode
hover() gibt zwei Funktionen an, die ausgeführt werden sollen, wenn sich der Mauszeiger über dem ausgewählten Element befindet. Die
-Methode löst Mouseenter- und Mouseleave-Ereignisse aus.
Das Mouseleave-Ereignis tritt auf, wenn der Mauszeiger das ausgewählte Element verlässt.
Das MouseEnter-Ereignis tritt ein, wenn der Mauszeiger durch das ausgewählte Element geht (in dieses eindringt).
Die Syntax lautet:
$(selector).hover(inFunction,outFunction)
inFunktion erforderlich. Gibt die Funktion an, die ausgeführt werden soll, wenn das MouseEnter-Ereignis auftritt.
outFunction Optional. Gibt die Funktion an, die ausgeführt werden soll, wenn das Mouseleave-Ereignis auftritt.
Das Beispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").hover(function(){
$("p").css("background-color","yellow");
},function(){
$("p").css("background-color","pink");
});
});
</script>
</head>
<body>
<p>鼠标移动到该段落。</p>
</body>
</html>Ausgabeergebnis:
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonIst Hover ein JQuery-Ereignis?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
