Ένα από το καλύτερο πράγμα για jQuery είναι η ικανότητά της αλυσίδας είναι για σχεδόν όλες τις μεθόδους που αυτό είναι. Αν "η ικανότητα της αλυσίδας" ακούγεται Εβραϊκά, εδώ είναι μια μικρή επεξήγηση τι είναι.

Ας πούμε ότι έχετε μια <div id="myDiv"> Lorem Ipsum </ p>

Και πρέπει να κάνετε τα εξής

1. Αλλάξτε το ύψος 150px
2. Αλλάξτε την αδιαφάνεια σε 0,8
3. Προσθέστε μια κατηγορία που ονομάζεται "pClass"
4. Και που το κείμενο μέσα στο div, όπως "Εμείς είμαστε ο κόσμος"

Λοιπόν, τι θα κάνατε υπό κανονικές συνθήκες; Γράφετε τέσσερις γραμμές του κώδικα. Όπως και αν χρησιμοποιείτε jQuery στο συμβατικό τρόπο που θα γράψετε πιθανώς

  1
 2
 3
 4

 ; είναι ο κόσμος ")? 

Αλλά αν χρησιμοποιήσουμε τη μέθοδο chaininig είχαμε απλά να γράψετε

 ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") CSS ("ύψος", "150px") fadeTo (500, 0,8) addClass ("pClass") κείμενο ("Είμαστε ο κόσμος»)..? 

Φαίνεται βρώμικο; Δε νομίζω. Είναι ευανάγνωστο αν δεν βάλετε πάρα πολλά μεθόδων σε ένα αντικείμενο που είναι πολύ απίθανο. Έτσι, αυτό είναι αλυσοποίηση.

Πίσω από τις οθόνες, η αλυσιδωτή σύνδεση έχει γίνει απλά με την επιστροφή της itselft αντικειμένου μετά την εφαρμογή της μεθόδου. Είναι αρκετά όπως το πώς χρησιμοποιούμε μεθόδους Αντικείμενο Javascript όπως

  "Lorem Ipsum Dolor" ; var Συμβολοσειρά = "Lorem ipsum dolor"? 

 ( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () substring (0, 5)? 

Και αυτό είναι ένα δώρο όταν έχουμε επιλογές για να κάνω τέτοια πράγματα. Ποιος θέλει να γράψει περισσότερο κώδικα όταν είστε υπάρχουν τρόποι να κάνουν σύντομες; Τουλάχιστον εγώ δεν το κάνουν. Έτσι, σχεδόν όλες τις μεθόδους

σε jQuery έχει αυτό chainability. Όλες οι μέθοδοι που αλυσίδας, επιστρέφει το σύνολο του αντικειμένου jQuery ίδια, έτσι ώστε περισσότερες μέθοδοι μπορούν να εφαρμοστούν σε αυτό.

Μπορείτε να δείτε το παραπάνω κώδικα τρέχει εδώ .