Maison >interface Web >Questions et réponses frontales >Comment utiliser jquery pour changer la couleur d'arrière-plan lorsque la souris passe

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

青灯夜游original: 2022-03-23 19:06:512914parcourir

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");".

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>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelles sont les fonctions de fonctionnement de la souris jquery ?Article suivant：Quelles sont les fonctions de fonctionnement de la souris jquery ?

Articles Liés

Voir plus