13. märts 2009

Magus Chainability

Postitaja: Mahbub In: Meetodid

Üks parim asi jQuery on see kett võime peaaegu kõik see meetodeid. Kui "kett võime" kõlab heebrea, siin on väike selgitus mis see on.

chain

Oletame, et teil on <div id="myDiv"> Lorem Ipsum </ div>

Ja sa pead tegema järgmist

  1. Muuda kõrgus 150px
  2. Muuda suitsusust 0,8
  3. Lisa klassi nimetatakse "pClass"
  4. Ja määrata teksti sees div nagu "Me oleme maailmas"

Niisiis, mida sa teeksid normaalsetes oludes? Sa kirjutad 4 rida koodi. Meeldib, kui te kasutate jQuery tavaliste kuidas sa tahaks ilmselt kirjutada

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $ ("# MyDiv"). Css ("kõrgus", "150px");
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv"). FadeTo (500, 0,8); 
 ) . addClass ( "pClass" ) ; $ ("# MyDiv"). AddClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv"). Teksti ("Me oleme maailma"); 

Aga kui me kasutame meetodit chaininig me tahaks lihtsalt kirjutada

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; $ ("# MyDiv"). Css ("kõrgus", "150px"). FadeTo (500, 0,8). AddClass ("pClass"). Teksti ("Me oleme maailma"); 

Paistab räpane? Ma ei arva nii. See on loetav kui paned päris palju meetodeid, et objekt, mis on väga ebatõenäoline. Nii et on ühendamine.

Behind ekraanid, ühendamine on lihtsalt teha tagastades objekti itselft pärast meetodi rakendamisel. See on päris meeldib, kuidas me kasutame meetodeid Javascript Object nagu

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

Ja see on kingitus, kui meil on võimalusi teha asju niimoodi. Kes tahab kirjutada rohkem koodi kui seal oled, kuidas teha see lühike? Vähemalt mina mitte. Nii et peaaegu kõik meetodid

aastal jQuery on see chainability. Kõik meetodid, et kett, tagastab kogu jQuery objekt ise, et rohkem meetodeid saab rakendada seda.

Näete eespool kood töötab siin .

Ei Responses to "magus Chainability"

Kommentaar vorm


Tõlkija

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

Sildid