Penggabungan jQuery

Dengan jQuery, Anda dapat menggabungkan aksi/metode.

Chaining memungkinkan kita untuk menggabungkan beberapa metode jQuery (pada elemen yang sama) dalam satu perintah.

Penggabungan Metode jQuery

Hingga sekarang, kami hanya menulis satu perintah jQuery (satu berikutnya).

Namun, ada teknik yang disebut penggabungan (chaining) yang memungkinkan kita untuk melaksanakan beberapa perintah jQuery di elemen yang sama, satu berikutnya.

Petunjuk:Dengan cara ini, peramban tidak perlu mencari elemen yang sama berulang-ulang.

Untuk menggabungkan aksi, Anda hanya perlu menambahkan aksi itu ke aksi sebelumnya.

Contoh 1

Contoh di bawah ini menggabungkan css(), slideUp(), dan slideDown(). Elemen "p1" akan menjadi merah pertama, lalu ke atas, lalu ke bawah:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

Coba sendiri

Jika perlu, kami juga dapat menambahkan beberapa pemanggilan metode.

Petunjuk:Ketika mengklik tautan, baris kode akan menjadi buruk. Namun, jQuery tidak terlalu keras dalam syntax; Anda dapat menulis dalam format yang diinginkan, termasuk baris terurai dan indentasi.

Contoh 2

Dengan cara ini juga dapat berjalan:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

Coba sendiri

jQuery akan membuang spasi yang lebu, dan melaksanakan baris kode di atas dalam bentuk kode baris tunggal.