Une des meilleures choses à propos de jQuery est la capacité de la chaîne il pour presque toutes les méthodes qu'il a. Si "la capacité de la chaîne" sonne hébreu, voici une petite explication ce qu'elle est.

Disons que vous avez un <div id="myDiv"> Lorem Ipsum </ div>

Et vous devez faire ce qui suit

1. Modifier la hauteur de 150px
2. Modification de l'opacité à 0,8
3. Ajouter une classe appelée «Classe P"
4. Et définir le texte à l'intérieur du div comme "We are the world"

Alors, que feriez-vous dans des circonstances normales? Vous écrivez quatre lignes de code. Comme si vous utilisez jQuery de manière conventionnelle que vous auriez probablement écrire

  1
 2
 3
 4

 ; are the world "); 

Mais si nous utilisons la méthode chaininig nous avions simplement écrire

 ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("hauteur", "150px") fadeTo (500, 0,8) addClass ("Classe P") texte ("We are the world")..; 

Semble désordonnée? Je ne le pense pas. Il est lisible sauf si vous mettez beaucoup de méthodes à un objet qui est très peu probable. Donc, c'est le chaînage.

Derrière les écrans, le chaînage se fait simplement en retournant le itselft objet après l'application de la méthode. Il est tout à fait comme la façon dont nous utilisons les méthodes de l'objet Javascript comme

  "Lorem Ipsum Dolor" ; var maChaine = "Lorem Ipsum Dolor»; 

  ( ) . substring ( 0 , 5 ) ; .. pString = maChaine toLowerCase () substring (0, 5); 

Et c'est un cadeau, quand nous avons des options pour faire des choses comme ça. Qui veut écrire plus de code quand il ya des façons de faire court? Au moins je ne sais pas. Ainsi, près de toutes les méthodes

en jQuery a cette chainability. Toutes les méthodes de cette chaîne, retourne l'objet jQuery tout lui-même afin que davantage de méthodes peuvent être appliquées.

Vous pouvez voir le code ci-dessus fonctionne ici .