Exemple d'analyse de l'utilisation de change() dans jquery

Exemple d'analyse de l'utilisation de change() dans jquery_jquery

WBOY

Libérer： 2016-05-16 16:15:31

original

1082 Les gens l'ont consulté

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>

Copier après la connexion

<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>

Copier après la connexion

J'espère que cet article sera utile à la programmation jQuery de chacun.