Notions indispensables

Les fonctions de rappel

Les fonctions de rappel ou callback sont des fonctions qui s'exécutent lorsque l'autre fonction se termine.

Prenons l'exemple ci-dessous, au clic sur un bouton nous faisons disparaître un texte, puis nous affichons un texte dans une boite d'alerte.

$('button').click(function(){
    $('.bg-muted').hide('slow',function(){
      alert('Le paragraphe est maintenant caché');
    });
});

See the Pen JFxlm by Sutterlity (@sutterlity) on CodePen.

Chainage de méthodes

Il est possible d'appliquer plusieurs méthodes les unes à la suite des autres.

Plutôt que d'écrire les instructions comme ceci :

$('.box').addClass('is-collapsed');
$('.box').slideUp();

Optimisez votre code comme cela :

$('.box').addClass('is-collapsed').slideUp();

Vous pouvez même faire des choses plus complexes.
Par exemple, ajouter une classe .active sur un élément au clic, puis faire une recherche dans ce pattern pour rechercher un élément qui a la classe .inner pour lui supprimer sa classe.

$('.btn').click(function(){
    $(this).addClass('active').find('.inner').removeClass();
    return false;
});

See the Pen mjqnx by Sutterlity (@sutterlity) on CodePen.