Analisis penggunaan trigger() dan bind() dalam jQuery_jquery

WBOY
Lepaskan: 2016-05-16 15:24:43
asal
1116 orang telah melayarinya

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:

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!");
});

Salin selepas log masuk
Jika anda menggunakan trigger(), anda perlu menulisnya seperti ini:

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

Salin selepas log masuk
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"]);

Salin selepas log masuk
juga boleh ditulis seperti ini:

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

Salin selepas log masuk
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan