Vienas geriausias dalykas apie JQuery yra ši grandinė gebėjimas beveik visų jo metodų. Jei "grandinė gebėjimas" skamba hebrajų, čia mažai paaiškinimas, kas tai yra.

Tarkime, jūs turite <div id="myDiv"> Lorem Ipsum </ div>

Ir ką jums reikia padaryti taip

1. Pakeiskite aukštį iki 150 vaizdo elementų
2. Pakeiskite opacity iki 0,8
3. Pridėti klasė, pavadinta "pClass"
4. Ir nustatyti viduje div tekstą, pavyzdžiui, "We Are The World"

Taigi, ką jūs darytumėte įprastomis aplinkybėmis? Jūs rašote keturias eilutes kodo. Pavyzdžiui, jei jūs naudojate jQuery įprastu būdu, jums tikriausiai reikia rašyti

  1
 2
 3
 4

  ) . css ( "height" , "150px" ) ; $ ("# MyDiv") CSS ("aukštis", "150 vaizdo elementų).;
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv) fadeTo (500, 0.8).; 
 ) . addClass ( "pClass" ) ; $ ("# MyDiv) addClass (" pClass); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv") tekstas ("Mes esame pasaulis").; 

Bet jei mes naudojame metodą chaininig mes tiesiog reikia parašyti

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; . $ ("# MyDiv") CSS ("aukštis", "150 vaizdo elementų) fadeTo (500, 0,8) addClass (" pClass ") tekstas (" Mes esame pasaulis ").; 

Atrodo purvinas? Aš taip nemanau. Tai įskaitomas, jei jūs įtraukėte gana daug metodų daikto, kuris yra labai tikėtinas. Taigi tai yra susiejami.

Už ekranus, jungimo tiesiog grąžinti objekto itselft po taikant metodą. Tai visai patinka, kaip mes naudojame JavaScript Object kaip metodus

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

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

Ir tai yra dovana, kai mes turime galimybes daryti tokius dalykus, kaip kad. Kas nori parašyti daugiau kodą, kai esate būdų, kaip padaryti jį trumpas? Bent jau aš tai ne. Taigi beveik visi metodai

į JQuery tai chainability,. Visi metodai, kad grandinė, grąžina visą JQuery objektą taip, kad daugiau metodai gali būti taikomi.

Jūs galite pamatyti aukščiau kodas veikia čia .