Bagaimana untuk mengaitkan parameter dalam jQuery

Sebagai salah satu perpustakaan paling popular di kalangan rangka kerja JavaScript moden, jQuery menyediakan cara yang mudah untuk mengikat pengendali kepada elemen HTML. Apabila melaksanakan tugas ini, selalunya perlu untuk menghantar parameter ke dalam fungsi pengendali. Artikel ini akan memperkenalkan cara mengaitkan parameter dalam jQuery.

1. Gunakan kaedah .bind()

Kaedah .bind() dalam jQuery ialah salah satu kaedah yang paling biasa digunakan untuk mengikat pengendali acara kepada elemen. Tidak seperti menggunakan .click(), .keyup(), dan .blur(), kaedah .bind() membenarkan parameter dihantar dalam pengendali acara. Dalam contoh berikut, kami menghantar rentetan dan integer ke dalam pengendali acara:

$("button").bind("click", { value1: "hello", value2: 123 }, function (event) {
    alert("First Value: " + event.data.value1 + " Second Value: " + event.data.value2);
})

Dalam kod di atas, kami menghantar objek kepada kaedah .bind(), objek ini Mengandungi yang pertama nilai dan nilai kedua. Dalam pengendali acara, kami mengakses nilai ini dengan mengakses objek event.data.

2. Gunakan kaedah .on()

Berbeza daripada .bind(), .on() boleh digunakan untuk mengikat berbilang peristiwa dan boleh lulus parameter mengikut jenis acara. Dalam contoh berikut, kami mengikat acara klik dan acara tuding dan menghantar rentetan tersuai ke dalam pengendali:

$("button").on({
    click: function(event) {
        alert("Clicked " + event.data.userName);
    },
    mouseover: function(event) {
        alert("Hovered " + event.data.userName);
    }
}, { userName: "John Doe" });

Dalam kod di atas, kami lulus objek JSON Memandangkan kaedah .on(). Objek ini mengandungi dua fungsi, setiap fungsi sepadan dengan jenis acara. Parameter kedua dalam objek JSON ialah objek yang akan dihantar kepada pengendali acara.

3. Gunakan kaedah .trigger()

Kaedah .trigger() dalam jQuery membolehkan anda mensimulasikan peristiwa sambil membenarkan anda menghantar parameter secara manual. Dalam kod berikut, kami akan mensimulasikan acara klik dan menghantar rentetan "foo" dan integer 23 kepada pengendali acara:

$("button").trigger('click', ['foo', 23]);

Dalam fungsi pengendali acara, kita boleh mengaksesnya melalui objek acara Rentetan dan integer ini. Contohnya:

$("button").bind("click", function(event, str, num) {
    alert("Value1: " + str + " Value2: " + num);
});

Dalam kod di atas, objek acara mewakili acara klik dan str dan num mewakili nilai parameter yang diluluskan dalam kaedah .trigger().

Ringkasan:

Dalam jQuery, terdapat banyak cara untuk menghantar parameter. Sama ada .bind(), .on() atau .trigger() akan melakukan ini. Dengan menggunakan salah satu kaedah ini, anda boleh menghantar maklumat dengan cepat dan mudah kepada pengendali anda dan menjadikan skrip JavaScript anda lebih mudah untuk diselenggara.

Atas ialah kandungan terperinci Bagaimana untuk mengaitkan parameter dalam jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!