Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Mengapa menggunakan jquery pada
Mengapa menggunakan jquery pada
- WBOYasal
- 2022-03-29 10:01:012073semak imbas
Dalam jquery, kerana anda perlu menambah satu atau lebih pengendali acara pada elemen dan sub-elemen yang dipilih, anda perlu menggunakan kaedah on() yang ditambahkan oleh kaedah ini sesuai untuk semasa dan Elemen akan datang, sintaksnya ialah "elemen object.on(event, event handler of child element, additional data, function)".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Mengapa menggunakan kaedah jquery on
on() untuk menambah satu atau lebih pengendali acara pada elemen dan sub-elemen yang dipilih.
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.
Nota: Pengendali acara yang ditambahkan menggunakan kaedah on() digunakan pada elemen semasa dan akan datang (seperti elemen baharu yang dicipta oleh skrip).
Petua: Untuk mengalih keluar pengendali acara, gunakan kaedah off().
Petua: Untuk menambah acara yang hanya berjalan sekali dan kemudian mengalih keluarnya, gunakan kaedah one().
Sintaks
$(selector).on(event,childSelector,data,function)
acara Diperlukan. Menentukan satu atau lebih acara atau ruang nama untuk ditambahkan daripada elemen yang dipilih. Berbilang nilai acara yang dipisahkan oleh ruang, juga boleh menjadi tatasusunan. Mesti acara yang sah.
childSelector Pilihan. Menentukan bahawa pengendali acara hanya boleh ditambahkan pada elemen anak yang ditentukan (dan bukan pemilih itu sendiri, seperti kaedah perwakilan() yang ditamatkan).
data Pilihan. Menentukan data tambahan untuk dihantar ke fungsi.
fungsi Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa berlaku.
Contohnya adalah seperti berikut:
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").on("click",function(){
alert("段落被点击了。");
});
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>Hasil keluaran:
Klik pada perenggan Selepas:
Tutorial video berkaitan yang disyorkan: tutorial video jQuery
Atas ialah kandungan terperinci Mengapa menggunakan jquery pada. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!