tutorial pengembangan web terbaru
 

jQuery - Chaining


Dengan jQuery, Anda dapat rantai bersama-sama tindakan / metode.

Chaining memungkinkan kita untuk menjalankan beberapa metode jQuery (dari unsur yang sama) dalam satu pernyataan.


jQuery Metode Chaining

Sampai saat ini kami telah menulis jQuery laporan satu per satu (satu demi satu).

Namun, ada teknik yang disebut chaining, yang memungkinkan kita untuk menjalankan perintah beberapa jQuery, satu demi satu, pada yang sama element(s) .

Tip: cara ini, browser tidak harus mencari yang sama element(s) lebih dari sekali.

Untuk rantai tindakan, Anda hanya menambahkan tindakan untuk tindakan sebelumnya.

Contoh berikut rantai bersama css(), slideUp() , dan slideDown() metode. The "p1" elemen pertama berubah menjadi merah, maka slide up, dan kemudian meluncur ke bawah:

Contoh

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

Kami juga bisa menambahkan lebih metode panggilan jika diperlukan.

Tip: Ketika chaining, baris kode bisa menjadi cukup panjang.Namun, jQuery tidak sangat ketat pada sintaks; Anda dapat memformat seperti yang Anda inginkan, termasuk jeda baris dan lekukan.

Ini juga bekerja dengan baik:

Contoh

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

jQuery membuang spasi ekstra dan mengeksekusi baris di atas sebagai salah satu garis panjang kode.