Derniers tutoriels de développement web
 

jQuery - Enchaînement


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

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


jQuery Méthode chaînage

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

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

Astuce: De cette façon, les navigateurs ne pas trouver le même element(s) plus d'une fois.

Pour la chaîne d'une action, vous ajoutez simplement l'action à l'action précédente.

Les exemples de chaînes ensemble les suivantes css(), slideUp() , et slideDown() méthodes. Le "p1" élément change d' abord rouge, puis il glisse vers le haut, puis il glisse vers le bas:

Exemple

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Essayez - le vous - même »

Nous pouvons aussi ajouter plus d'appels de méthode si nécessaire.

Conseil: Lorsque le chaînage, la ligne de code pourrait devenir assez longue.Cependant, jQuery est pas très stricte sur la syntaxe; vous pouvez formater comme vous voulez, y compris les sauts de ligne et des indentations.

Cela fonctionne aussi très bien:

Exemple

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
Essayez - le vous - même »

jQuery jette des espaces supplémentaires et exécute les lignes ci-dessus comme une longue ligne de code.