Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan acara padam klik dalam jquery
Bagaimana untuk menetapkan acara padam klik dalam jquery
- WBOYasal
- 2022-05-12 10:34:002298semak imbas
Kaedah tetapan: 1. Gunakan kaedah "click element object.click(function(){event processing function})" untuk mengikat acara klik pada elemen yang ditentukan dan tentukan fungsi pemprosesan acara; fungsi pemprosesan acara Gunakan tetapan "Objek elemen untuk dipadamkan.remove();" dan klik padam.
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Cara menetapkan acara padam klik dalam jquery
1 Gunakan kaedah klik() untuk menetapkan acara klik
Apabila elemen diklik. , peristiwa klik berlaku. Kaedah
klik() mencetuskan peristiwa klik atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.
Sintaks
Cetus acara klik bagi elemen yang dipilih:
$(selector).click()
Tambah fungsi pada acara klik:
$(selector).click(function)
fungsi Pilihan . Menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.
2. Gunakan kaedah remove() untuk memadamkan elemen
Kaedah remove() mengalih keluar elemen yang dipilih, termasuk semua teks dan nod anak.
Kaedah ini juga akan mengalih keluar data dan peristiwa elemen yang dipilih.
Sintaks
$(selector).remove()
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$("p") .remove();
});
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>Hasil keluaran:
Cadangan tutorial Video Berkaitan: Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk menetapkan acara padam klik dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!