Один з кращих річ JQuery є його здатність ланцюгів майже всі його методи. Якщо "ланцюжок здатність" звучить іврит, ось невелике пояснення, що це таке.

Скажімо, у вас є <div id="myDiv"> Lorem Ipsum </ div>

І що вам потрібно зробити наступне

1. Зміна висоти 150px
2. Змініть непрозорість до 0,8
3. Додайте клас під назвою "Р-клас"
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 ("Р-клас"); 
 ) . 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 ("Р-клас"), текст ("Ми світ") .. 

Виглядає брудно? Не думаю. Це читається, якщо ви покладете досить багато методів для об'єкта, який є дуже малоймовірним. Так що це зчеплення.

За екранів, зчеплення просто зробити, повернувши об'єкт itselft після застосування методу. Це дуже подобається, як ми використовуємо методи об'єкта JavaScript, як

  "Lorem Ipsum Dolor" ; УАГ туЗЬптд = "Lorem Ipsum Dolor"; 

  ( ) . substring ( 0 , 5 ) ; .. PString = туЗЬптд toLowerCase () підрядка (0, 5); 

І це подарунок, коли у нас є варіанти, щоб робити такі речі. Хто хоче написати більше коду, коли ти способи зробити його коротким? По крайней мере, я не роблю. Таким чином, майже всі методи

В JQuery Тобто це chainability. Всі методи, що ланцюг, повертає весь об'єкт JQuery себе так, що інші методи можуть бути застосовані до нього.

Ви можете бачити вище код працює тут .