Contoh
Ketika <p> elemen di dalam <div> elemen diklik, mengubah warna latar belakang dari semua <p> elemen:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
}); Cobalah sendiri " Definisi dan Penggunaan
The delegate() metode menempel satu atau lebih event handler untuk elemen tertentu yang adalah anak-anak dari elemen yang dipilih, dan menentukan fungsi untuk menjalankan ketika peristiwa terjadi.
Event handler terpasang menggunakan delegate() metode akan bekerja untuk kedua elemen saat ini dan FUTURE (seperti elemen baru yang diciptakan oleh script).
Pada jQuery versi 1.7, yang on() metode adalah metode yang disukai untuk melampirkan event handler untuk elemen yang dipilih.
Sintaksis
$(selector).delegate(childSelector,event,data,function)
| Parameter | Deskripsi |
|---|---|
| childSelector | Wajib. Menentukan satu atau elemen anak lebih untuk melampirkan event handler untuk |
| event | Wajib. Menentukan satu atau lebih peristiwa untuk melampirkan elemen. Beberapa nilai event dipisahkan oleh ruang. Harus acara valid |
| data | Pilihan. Menentukan data tambahan untuk menyampaikan ke fungsi |
| function | Wajib. Menentukan fungsi untuk menjalankan ketika peristiwa itu terjadi |
Coba Sendiri - Contoh
Tambahkan event handler untuk elemen masa depan
Cara menggunakan delegate() metode untuk menambahkan event handler untuk elemen belum dibuat.
Menyampaikan data ke fungsi
Cara menyampaikan data ke event handler kustom bernama.