delegasi jQuery () Metode

Metode Acara jQuery

Contoh

Saat elemen <p> di dalam elemen <div> diklik, ubah warna latar belakang semua elemen <p>:

$("div").delegate("p", "click", function(){
    $("p").css("background-color", "pink");
});

Definisi dan Penggunaan

Metode delegasi() tidak digunakan lagi di versi 3.0. Gunakan metode on() sebagai gantinya.

Metode delegasi() melampirkan satu atau lebih pengendali peristiwa untuk elemen tertentu yang merupakan anak dari elemen yang dipilih, dan menetapkan fungsi untuk dijalankan saat peristiwa terjadi.

Penangan acara yang dilampirkan menggunakan metode delegasi() akan berfungsi untuk elemen saat ini dan FUTURE (seperti elemen baru yang dibuat oleh skrip).


Sintaksis

$(selector).delegate(childSelector,event,data,function)

Parameter Description
childSelector Required. Specifies one or more child elements to attach the event handler to
event Required. Specifies one or more events to attach to the elements.

Multiple event values are separated by space. Must be a valid event
data Optional. Specifies additional data to pass along to the function
function Required. Specifies the function to run when the event occurs

Cobalah Sendiri - Contoh


Cara menggunakan metode delegasi() untuk menambahkan event handler untuk elemen yang belum dibuat.


Cara meneruskan data ke event handler yang diberi nama kustom.


Metode Acara jQuery