Analisis penggunaan trigger() dan bind() dalam jQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan trigger() dan bind() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

cetus(jenis)

Cetuskan beberapa jenis acara pada setiap elemen padanan.

Nilai pulangan:jQuery

Parameter:

jenis (String): Jenis acara yang akan dicetuskan

Contoh:

Salin kod Kod adalah seperti berikut:

$("p").trigger("klik")

Acara pencetus 1.trigger()

Kaedah ini ialah fungsi baharu dalam jQuery 1.3 yang menyebabkan peristiwa pencetus.
Peristiwa di sini sama seperti lajur peristiwa dalam dokumen bantuan jQuery, seperti klik, alih tetikus, keydown dan acara js lain dengan tindakan, manakala tunjukkan dan sembunyikan ialah kesan dan bukan peristiwa.

2. Mengapa menggunakan trigger()?

Saya percaya semua orang mempunyai idea ini apabila mereka mula-mula bersentuhan?

Contohnya, di muka depan terdapat: bd38f46914269f40e05faa352becc824 94b3e26ee717c64999d7867364b1b4a3 Anda ingin melaksanakan acara ini apabila halaman dimuatkan dan mengikat acara klik pada p ini (tulis kod berikut dalam $(function(){});):

$("#p1").click(function(){
  alert("hello!");
});

Jika anda menggunakan trigger(), anda perlu menulisnya seperti ini:

$("#p1").click(function(){
  alert("hello!");
}).trigger(click);

Bukankah lebih menyusahkan menulis seperti ini? Boleh dikatakan begitu, tetapi kelebihan terbesar menggunakan trigger() ialah ia boleh menghantar parameter masuk. Contohnya:

//myEvent为自定义事件名
$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2); 
});
$("#p1").trigger("myEvent",["Hello","World"]);

juga boleh ditulis seperti ini:

$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2);
}).trigger("myEvent",["Hello","World"]);

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.