13 marca 2009

Słodki Chainability

Wysłany przez: Mahbub In: Metody

Jeden z najlepszych rzeczy na temat jQuery jest jego zdolność łańcuch dla prawie wszystkich jego metod. Jeśli "zdolność łańcuch" brzmi po hebrajsku, oto małe wyjaśnienie co to jest.

chain

Powiedzmy, że masz <div id="myDiv"> Lorem Ipsum </ div>

I musisz wykonać następujące czynności

  1. Zmienić wysokość do 150px
  2. Zmień krycie do 0,8
  3. Dodaj klasy o nazwie "pClass"
  4. I ustawić tekst wewnątrz div jak "Jesteśmy światem"

Więc, co byś zrobił w normalnych warunkach? Piszesz cztery linie kodu. Podobnie jak w przypadku korzystania z jQuery w konwencjonalny sposób chcesz chyba napisać

  1
 2
 3
 4
 ; are the World "); 

Ale jeśli używamy metodę chaininig byśmy po prostu napisać

 ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("wysokość", "150px") fadeTo (500, 0,8) addClass ("pClass") tekst ("Jesteśmy światem")..; 

Wygląda na bałagan? Myślę, że nie. To czytelny chyba umieścić sporo metod do obiektu, który jest bardzo mało prawdopodobne. Więc to jest łańcuchowym.

Za ekranach chaining jest po prostu zrobić zwrotu itselft obiektu po zastosowaniu tej metody. To zupełnie jak w jaki sposób używamy metody w obiektu JavaScript jak

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

I to jest dar, gdy mamy możliwości robić takie rzeczy. Kto chce napisać więcej kodu, gdy nie jesteś sposoby, aby to krótko? Przynajmniej ja nie. Więc prawie wszystkie metody

w jQuery ma to chainability. Wszystkie metody, które łańcuch, zwraca cały obiekt jQuery się tak, że więcej metod można zastosować do niego.

Widać Powyższy kod działa tutaj .

No Responses to "The Sweet Chainability"

Formularza komentarzy


Tłumacz

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

Tagi