Maison >interface Web >js tutoriel >Exemple d'analyse de l'utilisation de change() dans jquery_jquery

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

WBOYoriginal: 2016-05-16 16:15:311119parcourir

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.

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：Gestion des exceptions JavaScript explication détaillée_compétences javascriptArticle suivant：Gestion des exceptions JavaScript explication détaillée_compétences javascript

Articles Liés

Voir plus