Maison  >  Article  >  interface Web  >  Comment déclencher un événement de changement dans jquery

Comment déclencher un événement de changement dans jquery

青灯夜游
青灯夜游original
2021-11-19 11:16:434520parcourir

Dans jquery, vous pouvez utiliser la méthode change() pour déclencher un événement de changement, la syntaxe "$(selector).change()" ; cette méthode peut également spécifier la fonction à exécuter lorsqu'un événement de changement se produit, la syntaxe ; "$(sélecteur). changement(fonction)".

Comment déclencher un événement de changement dans jquery

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

Lorsque la valeur d'un élément change, l'événement de changement se produit. Cet événement s'applique uniquement aux champs de texte, aux éléments textarea et select.

Si vous souhaitez déclencher manuellement l'événement de changement, vous devez utiliser la méthode change(), et cette méthode peut également spécifier la fonction à exécuter lorsque l'événement de changement se produit.

Syntaxe pour déclencher l'événement de changement

$(selector).change()

Syntaxe pour lier une fonction à l'événement de changement

$(selector).change(function)
  • fonction Facultatif. Spécifie la fonction à exécuter lorsque l'événement de changement se produit.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js">
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".field").change(function() {
					$(this).css("background-color", "#FFFFCC");
				});
				$("button").click(function() {
					$("input").change();
				});
			});
		</script>
	</head>
	<body>
		<button>激活文本域的 change 事件</button>
		<p>用户名: <input class="field" type="text" /></p>
	</body>
</html>

Comment déclencher un événement de changement dans jquery

Recommandation de didacticiel vidéo associé : Tutoriel jQuery(Vidéo)

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