Un del millor de jQuery és que la capacitat de la cadena de gairebé tots els mètodes que és. Si "la capacitat de la cadena" sona hebreu, vet aquí una petita explicació del que és.

Diguem que vostè té un <div id="myDiv"> Lorem Ipsum </ div>

I que ha de fer el següent

1. Canviar l'altura de 150px
2. Canviar la opacitat a 0,8
3. Afegir una classe anomenada "pClass"
4. I establir el text dins del div, com "We are the world"

Així que, què faries en circumstàncies normals? Vostè escriu quatre línies de codi. Igual que si s'utilitza jQuery en forma convencional, probablement tornaria a escriure

  1
 2
 3
 4

  ) . css ( "height" , "150px" ) ; $ ("# MyDiv") css ("alçada", "150px").;
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") Fadeto (500, 0,8).; 
 ) . addClass ( "pClass" ) ; . $ ("# MyDiv") AddClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv") de text ("We are the world").; 

Però si fem servir el mètode chaininig simplement anava a escriure

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("alçada", "150px") Fadeto (500, 0,8) AddClass ("pClass") de text ("We are the world") ..; 

Sembla complicat? No ho crec. És llegir a menys que posis un bon munt de mètodes a un objecte que és molt poc probable. Així que és encadenament.

Darrere de les pantalles, l'encadenament es fa simplement mitjançant la devolució de l'objecte després de itselft l'aplicació del mètode. S'acaba d'agradar la manera com utilitzen mètodes de JavaScript Object com

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

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

I això és un regal quan tenim opcions de fer les coses per l'estil. Qui vol escriure més codi quan hi ha maneres de fer que sigui curt? Almenys jo no. Així gairebé tots els mètodes

en jQuery té aquesta chainability. Tots els mètodes d'aquesta cadena, torna l'objecte jQuery sencer si mateix perquè més mètodes es poden aplicar a la mateixa.

Vostè pot veure el codi de dalt corrent aquí .