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

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

青灯夜游
Libérer: 2021-11-19 11:16:43
original
4584 Les gens l'ont consulté

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()
Copier après la connexion

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

$(selector).change(function)
Copier après la connexion
  • 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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal