Comment utiliser la méthode de rappel dans jquery

WBOY
Libérer: 2022-05-18 17:03:18
original
2156 Les gens l'ont consulté

Dans jquery, la méthode de rappel est utilisée pour passer en paramètre de la méthode d'effet. Cette méthode est exécutée une fois l'action en cours terminée. Elle est généralement affichée comme dernier paramètre de la méthode. sélecteur).hide(durée, assouplissement). , rappel);".

Comment utiliser la méthode de rappel dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment utiliser la méthode de rappel dans les instructions jquery

JavaScript pour exécuter ligne par ligne. Cependant, comme les effets jQuery prennent un certain temps, la ligne de code suivante peut être exécutée pendant que l'effet précédent est toujours en cours d'exécution. Cela générera des erreurs.

Pour éviter que cela ne se produise, jQuery fournit une fonction de rappel pour chaque méthode d'effet.

Une fois l'effet actuel terminé, la fonction de rappel sera exécutée.

Les fonctions de rappel sont passées en tant qu'arguments aux méthodes d'effet, elles apparaissent généralement comme le dernier argument de la méthode.

Syntaxe typique : $(selector).hide(duration, easing, callback);

L'exemple ci-dessous a un paramètre de rappel, qui est une fonction qui sera exécutée une fois l'effet de masquage terminé :

L'exemple est le suivant suit :

<!DOCTYPE html>
<html>
<title>jQuery 使用回调函数示例</title>
<head>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide("slow", function(){
      alert("段落现在隐藏起来了");
    });
  });
});
</script>
</head>
<body>
<button>隐藏</button>
<p>这是一个段落。</p>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment utiliser la méthode de rappel dans jquery

Après avoir cliqué sur le bouton :

Comment utiliser la méthode de rappel dans jquery

Comment utiliser la méthode de rappel dans jquery

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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