Penyambungan jQuery

Dengan jQuery, Anda dapat menyambungkan aksi/metode.

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

Penyambungan Metode jQuery

Hingga sekarang, kami hanya menulis satu perintah jQuery per kalinya (satunya setelah yang lain).

Walaupun demikian, ada teknik yang disebut chaining yang memungkinkan kita untuk melaksanakan beberapa perintah jQuery di elemen yang sama, satu setelah yang lain.

Petunjuk:Dengan demikian, peramban tidak perlu mencari kembali elemen yang sama berulang-ulang.

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

Contoh 1

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

$("#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 kaku dalam grammars; Anda dapat menulis dalam format yang diinginkan, termasuk garis pemotongan dan indentasi.

Contoh 2

Penulisan seperti ini juga dapat berjalan:

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

Coba sendiri

jQuery akan membuang spasi yang berlebihan dan melaksanakan kode di atas dalam satu baris kode.