Eines der besten Sache über jQuery ist es die Kette Fähigkeit für fast all seinen Methoden. Wenn "Kette Fähigkeit" klingt Hebräisch, ist hier eine kleine Erklärung, was es ist.

Angenommen, Sie haben einen <div id="myDiv"> Lorem ipsum </ div>

Und Sie müssen die folgenden Aufgaben

1. Ändern Sie die Höhe auf 150px
2. Ändern Sie die Deckkraft auf 0,8
3. Fügen Sie eine Klasse namens "pClass"
4. Und setzen Sie den Text innerhalb des div wie "We are the world"

Also, was würden Sie unter normalen Umständen tun? Sie schreiben vier Zeilen Code. Wie, wenn Sie jQuery in herkömmlicher Weise schreiben Sie wahrscheinlich verwenden würde

  1
 2
 3
 4

  ) . css ( "height" , "150px" ) ; $ ("# MyDiv") css ("height", "150px").;
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0.8). 
 ) . addClass ( "pClass" ) ; . $ ("# MyDiv") addClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv") Text ("We are the world").; 

Aber wenn wir chaininig Methode verwenden wir würden einfach schreiben

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

Chaotisch aussieht? Ich glaube nicht. Es ist lesbar, wenn Sie eine ganze Reihe von Methoden setzen auf ein Objekt, was sehr unwahrscheinlich ist. Das ist also Verkettung.

Hinter den Kulissen wird Verkettung einfach durch Rücksendung der Sache itselft nach der Anwendung des Verfahrens durchgeführt. Es ist ganz gerne, wie wir Methoden verwenden wie in Javascript Object

  "Lorem Ipsum Dolor" ; var MyString = "Lorem ipsum dolor"; 

  ( ) . substring ( 0 , 5 ) ; .. PString = myString toLowerCase () substring (0, 5); 

Und das ist ein Geschenk, wenn wir Optionen, um solche Dinge zu tun haben. Wer mehr Code zu schreiben, wenn es Möglichkeiten gibt, um es kurz zu machen sind? Zumindest ich nicht. Also fast alle Methoden

jQuery hat in dieser Verkettbarkeit. Alle Methoden Kette, liefert die gesamte jQuery-Objekt selbst, so dass mehrere Methoden aufgebracht werden kann.

Sie können sehen, der obige Code läuft hier .