recherche

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

Que signifie lier dans jquery

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

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
Article précédent：Quels sont les frameworks front-end pour jquery ?Article suivant：Quels sont les frameworks front-end pour jquery ?

Articles Liés

Voir plus