Liage jQuery

Avec jQuery, vous pouvez lier des actions/méthodes.

Le chaining permet d'ajouter plusieurs méthodes jQuery dans une seule instruction (sur le même élément).

Liens de méthode jQuery

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

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

Astuce :De cette manière, le navigateur n'a pas besoin de rechercher à nouveau le même élément plusieurs fois.

Pour lier une action, il suffit simplement d'ajouter cette action à l'action précédente.

Exemple 1

Dans l'exemple suivant, css(), slideUp() et slideDown() sont liés ensemble. L'élément "p1" devient d'abord rouge, puis il glisse vers le haut, puis vers le bas :

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

Essayez-le vous-même

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

Astuce :Lorsque vous cliquez sur un lien, les lignes de code deviennent très mal formées. Cependant, jQuery n'est pas très strict en termes de syntaxe ; vous pouvez l'écrire dans le format que vous souhaitez, en incluant des retours chariots et des indentations.

Exemple 2

Il est également possible de l'écrire ainsi :

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

Essayez-le vous-même

jQuery élimine les espaces supplémentaires et exécute les lignes de code au-dessus comme une seule ligne de code longue.