Maison  >  Article  >  interface Web  >  Que signifie lier dans jquery

Que signifie lier dans jquery

青灯夜游
青灯夜游original
2022-05-17 17:32:012139parcourir

Dans jquery, bind signifie "liaison", qui est utilisé pour lier des événements à des éléments spécifiés et définir la fonction de traitement à exécuter lorsque l'événement se produit ; syntaxe "element object.bind(event,data,function)", paramètre event Spécifie l'événement qui doit être lié à l'élément. Il peut avoir plusieurs valeurs, mais elles doivent être séparées par des espaces.

Que signifie lier dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

En jquery, bind signifie « liaison », qui est utilisé pour lier des événements à des éléments spécifiés et définir une ou plusieurs fonctions de gestion d'événements. La méthode

Que signifie lier dans jquery

bind() ajoute un ou plusieurs gestionnaires d'événements à l'élément sélectionné, ainsi qu'une fonction à exécuter lorsque l'événement se produit.

Syntaxe pour lier des événements et des fonctions à des éléments :

$(selector).bind(event,data,function)
Parameters Description
event

Obligatoire. Spécifie un ou plusieurs événements à ajouter à l'élément.

Plusieurs événements séparés par des espaces. Doit être un événement valide.

données facultatif. Spécifie des données supplémentaires à transmettre à la fonction.
fonction obligatoire. Spécifie une fonction à exécuter lorsqu'un événement se produit.

Exemple 1 : Liez l'événement click et définissez la fonction de gestionnaire

L'effet obtenu : lorsque vous cliquez sur la souris, masquez ou affichez l'élément p

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("p").slideToggle();
				});
			});
		</script>
	</head>

	<body>
		<button>隐藏或显示 p 元素。</button>
		<p>这是一个p段落</p>
		<p>这是一个p段落</p>
	</body>
</html>

Que signifie lier dans jquery

Exemple 2 : Lier plusieurs événements

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
		  $("p").bind("mouseover mouseout",function(){
		    $("p").toggleClass("intro");
		  });
		});
		</script>
		<style type="text/css">
			.intro {
				font-size: 150%;
				color: red;
			}
		</style>
	</head>
	<body>

		<p>将鼠标移动到该段落上。</p>

	</body>
</html>

Que signifie lier dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo 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