Maison >interface Web >Questions et réponses frontales >Comment utiliser la méthode de rappel dans jquery

Comment utiliser la méthode de rappel dans jquery

WBOY
WBOYoriginal
2022-05-18 17:03:182187parcourir

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>

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!

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