Március 13, 2009

Az édes Chainability

Írta: Mahbub In: Módszerek

Az egyik legjobb dolog a jQuery ez a lánc képessége, hogy szinte minden módszereit. Ha a "lánc képessége" hangzik héberül, itt van egy kis magyarázat, hogy mi az.

chain

Mondjuk van egy <div id="myDiv"> Lorem Ipsum </ div>

És meg kell tennie a következő

  1. Változtassuk meg a magassága 150px
  2. Változtassuk meg a homály, hogy 0,8
  3. Add egy osztály az úgynevezett "pClass"
  4. És a szöveg belsejében a div mint a "Mi vagyunk a világ"

Szóval, mit tennél, normál körülmények között? Írsz 4 sornyi kódot. Mint ha használja jQuery hagyományos módon gondolja talán írni

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $ ("# MyDiv"). Css ("magasság", "150px");
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv"). FadeTo (500, 0.8); 
 ) . addClass ( "pClass" ) ; $ ("# MyDiv"). AddClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv"). Szöveg ("Mi vagyunk a világ"); 

De ha az általunk használt módszer chaininig mi lenne egyszerűen csak írni

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; $ ("# MyDiv"). Css ("magasság", "150px"). FadeTo (500, 0.8). AddClass ("pClass"). Szöveg ("Mi vagyunk a világ"); 

Úgy néz ki, rendetlen? Nem hiszem. Ez olvasható, ha teszel elég sok módszer egy tárgy, ami nagyon valószínűtlen. Szóval ez láncolás.

Mögött a képernyők, láncolás egyszerűen történik visszaküldésével az objektum itselft után alkalmazzuk a módszert. Ez nagyon tetszett, hogy hogyan használjuk módszerek JavaScript objektum, mint

  "Lorem Ipsum Dolor" ; sajatString var = "Lorem Ipsum dolor"; 
  ( ) . substring ( 0 , 5 ) ; pString = sajatString. toLowerCase (). substring (0, 5); 

És ez egy ajándék, ha van lehetőség ilyen dolgokat csinálni. Ki akar többet írni a kódot, ha ott vagyunk módon, hogy ez rövid? Legalábbis én nem. Úgyhogy szinte az összes módszert

A jQuery rendelkezik ezzel chainability. Minden módszer a lánc, vissza az egész jQuery tárgy maga, hogy több módszert lehet alkalmazni rá.

Láthatjuk a fenti kód működik itt .

No Responses to "Az édes Chainability"

Hozzászólás űrlap


Fordító

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

Címkék