Salah satu hal terbaik tentang jQuery adalah rantai itu kemampuan untuk hampir semua metode itu. Jika "rantai kemampuan" terdengar ibrani, inilah sedikit penjelasan apa itu.

Katakanlah Anda memiliki <div id="myDiv"> Lorem Ipsum </ div>

Dan Anda perlu melakukan hal berikut

1. Mengubah tinggi untuk 150px
2. Mengubah opacity menjadi 0,8
3. Tambahkan kelas yang disebut "pClass"
4. Dan mengatur teks dalam div seperti "Kami adalah dunia"

Jadi, apa yang akan Anda lakukan dalam keadaan normal? Anda menulis empat baris kode. Seperti jika Anda menggunakan jQuery dengan cara konvensional Anda mungkin akan menulis

  1
 2
 3
 4

 ; adalah dunia "); 

Tetapi jika kita menggunakan metode chaininig kita hanya akan menulis

 ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("tinggi", "150px") fadeTo (500, 0,8) addClass ("pClass") teks ("Kami adalah dunia")..; 

Tampak berantakan? Saya rasa tidak. Ini dapat dibaca kecuali Anda menempatkan cukup banyak metode untuk objek yang sangat tidak mungkin. Jadi itu adalah chaining.

Di balik layar, chaining ini hanya dilakukan dengan mengembalikan itselft objek setelah menerapkan metode ini. Ini cukup seperti bagaimana kami menggunakan metode dalam Object Javascript seperti

  "Lorem Ipsum Dolor" ; var myString = "Lorem ipsum dolor"; 

  ( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () substring (0, 5); 

Dan ini adalah hadiah ketika kita memiliki pilihan untuk melakukan hal-hal seperti itu. Siapa yang ingin menulis kode lebih banyak ketika sudah ada cara untuk membuat pendek? Setidaknya aku tidak. Jadi hampir semua metode

di jQuery memiliki chainability ini. Semua metode yang rantai, mengembalikan objek jQuery keseluruhan itu sendiri sehingga metode yang lebih dapat diterapkan untuk itu.

Anda dapat melihat kode di atas berjalan di sini .