So verwenden Sie JQuery, um die Hintergrundfarbe zu ändern, wenn die Maus vorbeifährt-Front-End-Fragen und Antworten-php.cn

So verwenden Sie JQuery, um die Hintergrundfarbe zu ändern, wenn die Maus vorbeifährt

青灯夜游

Freigeben： 2022-03-23 19:07:00

Original

2743 Leute haben es durchsucht

Implementierungsmethode: 1. Verwenden Sie die Methode hover(), um das Mauspassereignis an das Element zu binden und die Ereignisverarbeitungsfunktion anzugeben. 2. Verwenden Sie in der Ereignisverarbeitungsfunktion die Methode css(), um den zu ändernden Hintergrundstil zu ändern die Hintergrundfarbe. Die Syntax „element“ Node.css(„background“,„color value“);“.

So verwenden Sie JQuery, um die Hintergrundfarbe zu ändern, wenn die Maus vorbeifährt

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquery implementiert das Ändern der Hintergrundfarbe nach dem Passieren der Maus

Implementierungsmethode:

Verwenden Sie die Methode hover(), um das Mauspassereignis an das Element zu binden und die Ereignisverarbeitungsfunktion anzugeben
In der Ereignisverarbeitungsfunktion verwenden Sie die Methode css(), um den Hintergrundstil zu ändern und die Hintergrundfarbe zu ändern.

Implementierungscode:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").hover(function() {
					$("p").css("background", "yellow");
				});
			});
		</script>
	</head>
	<body>

		<p style="background: pink;">鼠标经过该段落。</p>

	</body>
</html>

Nach dem Login kopieren

So verwenden Sie JQuery, um die Hintergrundfarbe zu ändern, wenn die Maus vorbeifährt

Beschreibung: hover()

löst Mouseenter- und Mouseleave-Ereignisse aus . Die Methode

hover() gibt zwei Funktionen an, die ausgeführt werden sollen, wenn sich der Mauszeiger über dem ausgewählten Element befindet.

Binden Sie zwei Ereignisfunktionen an das passende Element, die ausgeführt werden, wenn der Mauszeiger das Element betritt bzw. verlässt. Binden Sie eine einzelne Ereignisfunktion an das entsprechende Element, die ausgeführt werden soll, wenn der Mauszeiger das Element betritt und verlässt.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Front-End-Entwicklung】

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JQuery, um die Hintergrundfarbe zu ändern, wenn die Maus vorbeifährt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!