Cet article analyse l'utilisation de change() dans jquery avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
change() Lorsque la valeur d'un élément change, l'événement change se produit. Cet événement s'applique uniquement aux champs de texte, aux éléments textarea et select.
Lorsqu'il est utilisé sur un élément select, l'événement change se produit lorsqu'une option est sélectionnée. Lorsqu'il est utilisé avec un champ de texte ou une zone de texte, cet événement se produit lorsque l'élément perd le focus.
1. Comment utiliser le changement
1. Événement de changement de déclenchement : événement de changement de déclenchement de l'élément sélectionné
Syntaxe : $(selector).change()
2. Liez la fonction à l'événement de changement : Spécifiez la fonction à exécuter lorsque l'événement de changement de l'élément sélectionné se produit.
Syntaxe : $(selector).change(function)
2. Exemple de change() dans jquery
<html>
<head>
<script type="text/javascript" src="jquery文件"></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>Enter your name: <input class="field" type="text" /></p>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="jquery文件"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
});
</script>
</head>
<body>
<p>在某个域被使用或改变时，它会改变颜色。</p>
Enter your name: <input class="field" type="text" />
<p>Car:
<select class="field" name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</p>
</body>
</html>J'espère que cet article sera utile à la programmation jQuery de chacun.
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
Temps de panne du service Windows 10
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
