En av de bästa jQuery är dess kedja förmåga till nästan alla IT: s metoder. Om "kedja förmåga" låter hebreiska, här en liten förklaring vad det är.
Låt oss säga att du har en <div id="myDiv"> Lorem ipsum </ div>
Och du behöver göra följande
- Ändra höjden för 150px
- Ändra opaciteten till 0,8
- Lägg till en klass som kallas "pClass"
- Och ställ in texten i div som "Vi är världen"
Så, vad skulle du göra under normala förhållanden? Du skriver fyra rader kod. Som om du använder jQuery på konventionellt sätt skulle du förmodligen skriver
1 2 3 4 | ) . css ( "height" , "150px" ) ; $ ("# MyDiv") css ("höjd", "150px").; ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0,8).; ) . addClass ( "pClass" ) ; . $ ("# MyDiv") addClass ("pClass"); ) . text ( "We are the world" ) ; $ ("# MyDiv") text ("Vi är världen"). |
Men om vi använder metoden chaininig vi skulle helt enkelt skriva
) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") CSS ("höjd", "150px") fadeTo (500, 0,8) addClass ("pClass") text ("Vi är världen")..
Ser rörigt? Jag tror inte det. Det är läsbar om du lägger en hel del metoder för att ett föremål som är mycket osannolikt. Så det är kedja.
Bakom skärmarna är kedja enkelt görs genom att returnera objektet itselft efter applicering av metoden. Det är som riktigt hur vi använder metoder i Javascript Object som
"Lorem Ipsum Dolor" ; var MyString = "Lorem ipsum dolor";
( ) . substring ( 0 , 5 ) ; .. pString = MyString toLowerCase () delsträng (0, 5);
Och detta är en gåva när vi har möjligheter att göra saker. Vem vill skriva mer kod när det är sätt att göra det kort? Åtminstone gör jag inte. Så nästan alla av de metoder
i jQuery har denna chainability. Alla de metoder som kedjan, återgår helt jQuery objektet självt så att fler metoder kan tillämpas på denna.
Du kan se ovanstående kod körs här .











































Senaste kommentarer