Yksi parasta jQuery on sen ketjun kykyä lähes kaikki sen menetelmät. Jos "ketju kyky" kuulostaa hepreaksi, tässä hieman selitystä mitä se on.
Sanotaan sinulla <div id="myDiv"> Lorem ipsum </ div>
Ja sinun täytyy tehdä seuraavat
- Muuta korkeus 150px
- Muuta peittävyyttä oli 0,8
- Lisää luokan nimeltä "pClass"
- Ja asettaa tekstin sisällä div kuten "Me olemme maailman"
Joten, mitä tekisit normaalioloissa? Kirjoitat neljä riviä koodia. Kuten jos käytät jQuery on perinteiseen tapaan haluat luultavasti kirjoittaa
1 2 3 4 | ; on maailma "); |
Mutta jos käytämme menetelmää chaininig olimme yksinkertaisesti kirjoittaa
) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; $ ("# MyDiv"). CSS ("pituus", "150px"). FadeTo (500, 0,8). AddClass ("pClass"). Teksti ("Me olemme maailma");
Näyttää sotkuinen? En usko. Se on luettavissa jos laittaa aika paljon menetelmiä kohdetta, joka on hyvin epätodennäköistä. Tämä on siis ketjutusta.
Takana näytöt ketjutuksen yksinkertaisesti tapahtuu palauttamalla kohteen itselft jälkeen soveltamalla menetelmää. Se on aivan kuten miten me käytämme menetelmiä JavaScript Object kuten
"Lorem Ipsum Dolor" ; var myString = "Lorem ipsum Dolor";
( ) . substring ( 0 , 5 ) ; pString = myString. toLowerCase (). merkkijono (0, 5);
Ja tämä on lahja, kun meillä on vaihtoehtoja tehdä tuollaista. Kuka haluaa kirjoittaa enemmän koodia, kun olet tapoja tehdä lyhyitä? Ainakin minulla ole. Melkein kaikki menetelmät
ja jQuery on tämä chainability. Kaikki menetelmät, että ketju, palauttaa koko jQuery kohteeseen saakka niin, että useampia menetelmiä voidaan soveltaa.
Näet yllä koodia käynnissä täällä .
Viimeisimmät kommentit