13 Mar, 2009

Сладък Chainability

Публикувано: Mahbub в: Методи

Един от най-доброто нещо за JQuery е верига способността за почти всички своите методи. Ако "верига способността" звучи иврит, ето малко обяснение, какво е то.

chain

Да кажем, че имате <div id="myDiv"> Lorem Ipsum </ div>

И вие трябва да направите следното

  1. Промяна на височината до 150px
  2. Промяна на непрозрачността до 0,8
  3. Добави клас, наречен "pClass"
  4. И текста вътре в DIV като "Ние сме светът"

И така, какво бихте направили при нормални обстоятелства? Пишете четири реда код. Например, ако използвате JQuery по конвенционален начин, което вероятно ще пиша

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $ ("# MyDiv"), CSS ("височина", "150px").;
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0,8).; 
 ) . addClass ( "pClass" ) ; $ ("# MyDiv") addClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv") текст ("Ние сме светът").; 

Но ако използваме метод chaininig бяхме просто да напишете

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; . $ ("# MyDiv"), CSS ("височина", "150px") fadeTo (500, 0,8) addClass ("pClass") текст ("Ние сме светът").; 

Изглежда разхвърлян? Не мисля. Това е смислено, ако не сложите доста методи за един обект, който е много малко вероятно. Така че това е верижното.

Зад екраните, верижното е просто да се прави чрез връщане на на обект itselft след прилагането на метода. Това е доста харесва начина, по който се използват методи в Object Javascript като

  "Lorem Ipsum Dolor" ; VAR myString = "Lorem Ipsum печал"; 
  ( ) . substring ( 0 , 5 ) ; . pString = myString toLowerCase е () подниз (0, 5); 

И това е дар, когато имаме опции, за да правят подобни неща. Кой иска да пише повече код, когато има си начини да го правят? Поне аз не го правят. Така че почти всички методи

JQuery има тази chainability. Всички методи, тази верига, връща цялата JQuery самия обект, така че други методи могат да се прилагат към него.

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

Няма Отговорите на "сладък Chainability"

Формуляр за коментари


  • Virendra: Има нов плъгин, който е по-добър от този плъгин. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V.
  • Тина: Благодаря ви за този списък, всеки на тези alpticapions е особено полезен за бизнеса на сватбен фотограф Юта?
  • Janelle: Радвам се да видя истински експертен опит в областта на дисплея. Вашият cotnritbuion е най-добре дошли.

Преводач

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

Етикети