Comment utiliser jquery pour changer la couleur d'arrière-plan lorsque la souris passe-Questions et réponses frontales-php.cn

Comment utiliser jquery pour changer la couleur d'arrière-plan lorsque la souris passe

青灯夜游

Libérer： 2022-03-23 19:07:00

original

2743 Les gens l'ont consulté

Méthode d'implémentation : 1. Utilisez la méthode hover() pour lier l'événement passant par la souris à l'élément et spécifiez la fonction de traitement d'événement ; 2. Dans la fonction de traitement d'événement, utilisez la méthode css() pour modifier le style d'arrière-plan à changer. la couleur d'arrière-plan. La syntaxe "element" Node.css("background","color value");".

Comment utiliser jquery pour changer la couleur d'arrière-plan lorsque la souris passe

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

jquery implémente la modification de la couleur d'arrière-plan après le passage de la souris

Méthode d'implémentation :

Utilisez la méthode hover() pour lier l'événement passant par la souris à l'élément et spécifiez la fonction de traitement d'événement
Dans la fonction de traitement des événements, utilisez la méthode css() pour modifier le style d'arrière-plan afin de changer la couleur d'arrière-plan

Code d'implémentation :

<!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>

Copier après la connexion

Comment utiliser jquery pour changer la couleur darrière-plan lorsque la souris passe

Description : hover()

déclenche les événements mouseenter et mouseleave . La méthode

hover() spécifie deux fonctions à exécuter lorsque le pointeur de la souris survole l'élément sélectionné.

Liez deux fonctions d'événement à l'élément correspondant, qui seront exécutées lorsque le pointeur de la souris entre et quitte l'élément respectivement. Liez une seule fonction d'événement à l'élément correspondant à exécuter lorsque le pointeur de la souris entre et quitte l'élément.

【Apprentissage recommandé : Tutoriel vidéo jQuery, Développement web front-end】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!