Acara dalam jQu...LOGIN

Acara dalam jQuery

Acara dalam jQuery

Dengan jQuery, kami mempunyai satu siri fungsi untuk mengendalikan peristiwa objek. Pengetahuan asas di atas masih Anda harus faham, tetapi anda tidak perlu lagi melaksanakan fungsi untuk mengendalikan delegasi acara multicast sendiri Seperti kata pepatah, dengan jQuery, anda minum teh setiap hari Berikut ialah contoh kaedah bind() yang paling biasa digunakan dalam jQuery :

$("#testDiv4").bind("click", showMsg);

Untuk elemen yang idnya ialah testDiv4, kami menambah fungsi pengendali acara showMsg untuk acara klik.

Faedah menggunakan fungsi pengendali acara jQuery:

1. Apa yang ditambahkan ialah perwakilan Acara multicast

Maksudnya, kaedah lain ditambahkan untuk acara klik, yang tidak akan menimpa fungsi pemprosesan acara asal bagi acara klik objek 🎜>

$("#testDiv4").bind("click", function(event) { alert("one"); });
$("#testDiv4").bind("click", function(event) { alert("two"); });

Apabila objek testDiv4 diklik, Gesa "satu" dan "dua" secara bergilir-gilir.

2 delegate, terdapat "on" di hadapan nama acara dalam IE Tetapi menggunakan fungsi bind(), kita tidak perlu membezakan antara ie dan dom, kerana jQuery dalaman telah membantu kami menyatukan nama acara >3. Semua tingkah laku objek boleh dikawal oleh skrip

Biarkan bahagian kod HTML hanya memberi perhatian kepada logik "paparan" semasa adalah untuk memisahkan tingkah laku, kandungan dan gaya HTML. Antaranya, skrip digunakan untuk mengawal tingkah laku elemen, teg HTML digunakan untuk mengawal kandungan elemen, dan CSS digunakan untuk mengawal gaya elemen Gunakan fungsi pengendalian Acara jQuery boleh mengelak daripada menambah acara secara langsung pada tag HTML >

Berikut ialah fungsi pengendalian acara jQuery asas:

bahagian seterusnya
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网</title> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你点我,我就会消失。</p> <p>点我消失!</p> <p>点我也消失!</p> </body> </html>
babperisian kursus