Uno dei la cosa migliore jQuery è la sua capacità a catena per quasi tutti i suoi metodi. Se "la capacità della catena" suona ebreo, ecco una piccola spiegazione di cosa si tratta.

Diciamo che hai un <div id="myDiv"> Lorem Ipsum </ div>

Ed è necessario eseguire le seguenti operazioni

1. Modificare l'altezza a 150px
2. Cambiare l'opacità a 0,8
3. Aggiungere una classe denominata "pClass"
4. E impostare il testo all'interno del div come "We are the world"

Allora, che cosa vorresti fare in circostanze normali? È possibile scrivere quattro righe di codice. Come se si utilizza jQuery in modo convenzionale si sarebbe probabilmente scrivere

  1
 2
 3
 4

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

Ma se si utilizza il metodo chaininig avremmo semplicemente scrivere

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

Sembra disordinato? Non ci penso. E 'leggibile a meno che non si mette un bel po' di metodi per un oggetto che è molto improbabile. In modo che sia concatenamento.

Dietro gli schermi, il concatenamento avviene semplicemente restituendo il itselft oggetto dopo l'applicazione del metodo. E 'piuttosto come il modo in cui utilizzare metodi in Object Javascript come

  "Lorem Ipsum Dolor" ; myString var = "Lorem Ipsum Dolor"; 

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

E questo è un dono quando abbiamo opzioni per fare cose del genere. Chi vuole scrivere più codice quando ci sono modi per farla breve? Almeno non lo faccio. Quindi, quasi tutti i metodi

in jQuery ha questa chainability. Tutti i metodi che catena, restituisce l'intero oggetto jQuery stessa in modo che altri metodi possono essere applicati ad essa.

È possibile visualizzare il codice di cui sopra in esecuzione qui .