En af de bedste ting ved jQuery er dens kæde evne til næsten alle dets metoder. Hvis "kæden evne" lyder hebraisk, her er en lille forklaring på hvad det er.
Lad os sige du har en <div id="myDiv"> Lorem ipsum </ div>
Og du behøver at gøre følgende
- Skift højde til 150px
- Skift opacitet til 0,8
- Tilføj en klasse kaldet "pClass"
- Og indstille teksten inde i div som "Vi er verden"
Så, hvad ville du gøre under normale omstændigheder? Du skriver fire linjer kode. Ligesom hvis du bruger jQuery på konventionel måde, du ville nok skrive
1 2 3 4 | ) . css ( "height" , "150px" ) ; $ ("# MyDiv") CSS ("højde", "150px"). ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0,8). ) . addClass ( "pClass" ) ; . $ ("# MyDiv") addClass ("pClass"); ) . text ( "We are the world" ) ; $ ("# MyDiv") tekst ("Vi er verden"). |
Men hvis vi bruger metoden chaininig vi vil blot skrive
) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") CSS ("højde", "150px") fadeTo (500, 0,8) addClass ("pClass") tekst ("Vi er verden")..
Ser rodet? Det tror jeg ikke. Det er læsbare, medmindre du sætter en hel del af metoder til et objekt, som er meget usandsynligt. Så det er kæde.
Bag skærme, der kæde simpelthen udføres ved at returnere objektet itselft efter påføring af fremgangsmåden. Det er ganske gerne, hvordan vi bruger metoder i Javascript Object som
"Lorem Ipsum Dolor" ; var myString = "Lorem ipsum dolor";
( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () understreng (0, 5);
Og det er en gave, når vi har muligheder for at gøre tingene på den måde. Hvem ønsker at skrive mere kode, når der er måder at gøre det kort? Mindst gør jeg ikke. Så næsten alle de metoder
i jQuery har denne chainability. Alle de fremgangsmåder, der kæde, returnerer hele jQuery selve objektet, således at flere metoder kan anvendes til den.
Du kan se ovenstående kode kører her .











































Seneste kommentarer