13 Јан, 2009

Слатка Цхаинабилити

Постед би: Махбуб Ин: Методе

Једна од најбољих ствари о јКуери је његова способност ланац за скоро свим својим методама. Ако је "ланац способност" звучи хебрејски, ево мало објашњење шта је то.

chain

Рецимо да имате <див ид="миДив"> Лорем ипсум </ див>

И ви треба да урадите следеће

  1. Промените висину на 150пк
  2. Промените провидност за 0,8
  3. Додај класу под називом "пЦласс"
  4. И подесите текст унутар див попут "Ми смо свет"

Дакле, шта би ти урадио у нормалним околностима? Пишете четири линије кода. Као и ако користите јКуери на класичан начин, вероватно бих пишете

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $ ("# МиДив"), ЦСС ("висина", "150пк").;
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# МиДив") фадеТо (500, 0.8).; 
 ) . addClass ( "pClass" ) ; . $ ("# МиДив") аддЦласс ("пЦласс"); 
 ) . text ( "We are the world" ) ; $ ("# МиДив") текст ("Ми смо свет").; 

Али ако користимо метод цхаининиг ми једноставно бих написати

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# МиДив"), ЦСС ("висина", "150пк") фадеТо (500, 0.8) аддЦласс ("пЦласс") текст ("Ми смо свет")..; 

Изгледа нереду? Не слажем се. То је читљив, осим ако сте ставили доста метода за објекат који је врло мало вероватно. Тако да је уланчање.

Иза паравана, уланчање се једноставно врши враћање објекта итселфт после примене методе. Прилично се свиђа како ми користимо методе у ЈаваСцрипт Објецт као

  "Lorem Ipsum Dolor" ; МиСтринг вар = "Лорем ипсум долор"; 
  ( ) . substring ( 0 , 5 ) ; .. пСтринг = МиСтринг тоЛоверЦасе () субстринг (0, 5); 

А ово је поклон када имамо опције да раде такве ствари. Ко жели да пише више кода када нам начини да то кратко? Барем ја не. Дакле, скоро све методе

у јКуери има ово цхаинабилити. Све методе које ланац, враћа цео објекат сам јКуери, тако да још методе могу применити на њега.

Можете видети горе код ради овде .

Но Респонсес то "Тхе слатке Цхаинабилити"

Цоммент Форм


  • Вирендра: Постоји нови плугин доступан што је боље од овог додатка. хттп://јкуерибиекампле.блогспот.цом/2012/03/хов-то-цреате-паге-флип-еффецт-усинг~~В.
  • Тина: Хвала за ову листу, да ли би било који од ових алптицапионс бити посебно корисно за пословање у Јути свадбеног фотографа?
  • Јанелле: Добро да видимо праву експертизу на екрану. Ваша цотнритбуион је добродошла.

Преводилац

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

Тагс: