Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menetapkan acara padam klik dalam jquery

Bagaimana untuk menetapkan acara padam klik dalam jquery

WBOY
Lepaskan: 2022-05-12 10:34:00
asal
2346 orang telah melayarinya

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.

Bagaimana untuk menetapkan acara padam klik dalam jquery

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()
Salin selepas log masuk

Tambah fungsi pada acara klik:

$(selector).click(function)
Salin selepas log masuk

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()
Salin selepas log masuk

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>
Salin selepas log masuk

Hasil keluaran:

 1.gif

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!

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