jQuery - Chaînage

Avec jQuery, vous pouvez enchaîner des actions/méthodes ensemble.

Le chaînage nous permet d'exécuter plusieurs méthodes jQuery (sur le même élément) dans une seule instruction.

Chaînage de méthodes jQuery

Jusqu'à présent, nous avons écrit une instruction jQuery à la fois (l'une après l'autre).

Cependant, il existe une technique appelée chaînage, qui nous permet d'exécuter plusieurs commandes jQuery sur le même élément, l'une après l'autre.

Astuce :De cette façon, le navigateur n'a pas à rechercher le même élément de façon répétée.

Pour chaîner une action, il vous suffit d'ajouter cette action à l'action précédente.

L'exemple suivant enchaîne css(), slideUp() et slideDown(). L'élément "p1" deviendra d'abord rouge, puis glissera vers le haut, puis glissera vers le bas :

Si nécessaire, nous pouvons également ajouter plusieurs appels de méthode.

Astuce :Lors du chaînage, la ligne de code peut devenir assez longue. Cependant, la syntaxe jQuery n'est pas très stricte ; vous pouvez la mettre en forme comme vous le souhaitez, y compris avec des sauts de ligne et de l'indentation.

Le format suivant fonctionnera également bien :

jQuery ignore les espaces blancs superflus et exécute les lignes de code ci-dessus comme une seule longue ligne de code.