Apakah peristiwa mengikat biasa dalam jquery?

Terdapat empat peristiwa mengikat yang biasa digunakan dalam jQuery, iaitu: 1. kaedah "on()", yang menambahkan satu atau lebih pengendali acara pada elemen dan sub-elemen yang dipilih 2. "bind()" ” kaedah, mengikat fungsi mendengar jenis acara tertentu kepada elemen yang dipilih 3. Kaedah “live()”, yang telah dialih keluar dalam versi 1.9. “delegate()” kaedah, menambah satu atau berbilang pengendali acara; fungsi yang ditentukan.

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.0, komputer Dell G3.

Terdapat empat peristiwa mengikat yang biasa digunakan dalam jquery:

1 kaedah on() (kaedah pilihan)

kaedah on () menambah satu atau lebih pengendali acara pada elemen yang dipilih dan elemen anaknya.

Sehingga versi jQuery 1.7, kaedah on() ialah pengganti baharu untuk kaedah bind(), live() dan delegate(). Kaedah ini membawa banyak kemudahan kepada API dan disyorkan kerana ia memudahkan asas kod jQuery.

Parameter:

acara: diperlukan. Menentukan satu atau lebih acara atau ruang nama untuk dialih keluar daripada elemen yang dipilih. Berbilang nilai acara dipisahkan oleh ruang. Mestilah acara yang sah

data: Pilihan. Menentukan bahawa pengendali acara hanya boleh ditambahkan pada elemen anak yang ditentukan (dan bukan pemilih itu sendiri, seperti kaedah perwakilan() yang ditamatkan).

fungsi: Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa berlaku.

peta: Menentukan pemetaan acara ({event:function, event:function, ...}), yang mengandungi satu atau lebih acara untuk ditambahkan pada elemen , dan fungsi untuk dijalankan apabila peristiwa itu berlaku.

Sintaks: $(selector).on(event,childSelector,data,function,map)

Contoh: Tambahkan satu elemen pada elemen p Klik acara

$("p").on("click",function(){

    alert("The paragraph was clicked.");

});

2. kaedah bind()

fungsi bind() adalah untuk mengikat jenis acara tertentu kepada yang dipilih elemen Fungsi mendengar, parameter

:

jenis: diperlukan. Jenis acara, seperti klik, tukar, tetikus, dsb.;

data:pilihan. Parameter yang dihantar ke dalam fungsi mendengar diperolehi melalui peristiwa.data. Pilihan;

fungsi:Diperlukan. Menentukan fungsi (fungsi mendengar) untuk dijalankan apabila peristiwa berlaku, dan objek acara boleh dihantar masuk. Acara di sini ialah objek acara yang dirangkumkan oleh jQuery, yang berbeza daripada objek acara asli Anda perlu memberi perhatian apabila menggunakannya.

peta:Menentukan pemetaan acara ({event:function, event:function, ...}), mengandungi elemen untuk ditambah kepada Satu atau lebih acara dan fungsi untuk dijalankan apabila acara berlaku

Sintaks: $(selector).bind(event,data,function,map)

Contoh: Tambahkan acara klik pada

$("p").bind("click",function(){

    alert("单击p元素");

});

kaedah langsung()

cara langsung (. ), telah dialih keluar dalam versi 1.9. Sila gunakan kaedah on() sebaliknya. Menambah satu atau lebih pengendali acara pada elemen terpilih semasa atau akan datang. (Masih diringkaskan di sini)

Parameter:

acara: diperlukan . Menentukan satu atau lebih acara untuk ditambahkan pada elemen. Berbilang nilai acara dipisahkan oleh ruang. Mesti acara yang sah.

data:Pilihan. Parameter tambahan diserahkan kepada fungsi

fungsi:Diperlukan. Apabila peristiwa berlaku, fungsi

dijalankan Sintaks: $(pemilih).live(peristiwa,data,fungsi)<.>

Contoh: Sembunyikan atau tunjukkan elemen

apabila butang diklik:

$("button").live("click",function(){

    $("p").slideToggle();

});

四、delegate()方法

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

参数：

childSelector：必需。规定要添加事件处理程序的一个或多个子元素。

event：必需。规定添加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。

data:可选。传递到该函数的额外参数

function:必需。当事件发生时，运行的函数

语法：$(selector).delegate(childSelector,event,data,function)

举例：当单击

元素内部的

元素时，改变所有

元素的背景颜色：

$("div").delegate("p","click",function(){

    $("p").css("background-color","pink");

});

Atas ialah kandungan terperinci Apakah peristiwa mengikat biasa dalam jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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