Един от най-доброто нещо за JQuery е верига способността за почти всички своите методи. Ако "верига способността" звучи иврит, ето малко обяснение, какво е то.
Да кажем, че имате <div id="myDiv"> Lorem Ipsum </ div>
И вие трябва да направите следното
- Промяна на височината до 150px
- Промяна на непрозрачността до 0,8
- Добави клас, наречен "pClass"
- И текста вътре в 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 самия обект, така че други методи могат да се прилагат към него.
Можете да видите по-горе код тук .











































Скорошни коментари