jQuery - Rantai
Dengan jQuery, Anda dapat menyatukan tindakan/metode.
Chaining memungkinkan kita untuk menjalankan beberapa metode jQuery (pada elemen yang sama) dalam satu pernyataan.
Rantai Metode jQuery
Sampai sekarang kami telah menulis pernyataan jQuery satu per satu (satu demi satu).
Namun, ada teknik yang disebut chaining, yang memungkinkan kita menjalankan beberapa perintah jQuery, satu demi satu, pada elemen yang sama.
Tip: Dengan cara ini, browser tidak harus menemukan elemen yang sama lebih dari sekali.
Untuk rantai tindakan, Anda cukup menambahkan tindakan ke tindakan sebelumnya.
Contoh berikut menyatukan css(), slideUp(), dan slideDown()
metode. Elemen "p1" pertama-tama berubah menjadi merah, lalu meluncur ke atas, dan kemudian meluncur ke bawah:
Contoh
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Kami juga dapat menambahkan lebih banyak panggilan metode jika diperlukan.
Tip : Saat chaining, baris kode bisa menjadi sangat panjang. Namun, jQuery tidak terlalu ketat pada sintaks; Anda dapat memformatnya seperti yang Anda inginkan, termasuk jeda baris dan lekukan.
Ini juga berfungsi dengan baik:
Contoh
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery membuang spasi ekstra dan mengeksekusi baris di atas sebagai satu baris kode yang panjang.