Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menetapkan acara klik untuk mengalih keluar elemen div dalam jquery

Bagaimana untuk menetapkan acara klik untuk mengalih keluar elemen div dalam jquery

青灯夜游
Lepaskan: 2022-04-22 15:31:02
asal
2436 orang telah melayarinya

Kaedah pengalihan keluar: 1. Gunakan "$("butang").click(function(){...});" untuk mengikat acara klik pada elemen butang dan tetapkan fungsi pemprosesan acara ; 2 . Dalam fungsi pemprosesan, gunakan pernyataan "$("div").remove();"

Bagaimana untuk menetapkan acara klik untuk mengalih keluar elemen div dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

jquery menetapkan acara klik untuk mengalih keluar elemen div

Idea pelaksanaan:

  • Gunakan klik( ) Ikat acara klik pada elemen butang dan tetapkan fungsi pemprosesan acara

  • Dalam fungsi pemprosesan, gunakan remove() untuk memadam elemen div

    remove() boleh mengalih keluar elemen Pilih, termasuk semua teks dan nod anak. Kaedah

remove() digunakan untuk "sepenuhnya" mengalih keluar elemen. Apa yang dipanggil "teliti" bermaksud bahawa bukan sahaja elemen akan dipadamkan, tetapi peristiwa yang terikat pada elemen itu juga akan dipadamkan;


Ia boleh dilihat bahawa hanya mengklik butang (elemen yang terikat pada acara klik) dengan tetikus akan memadamkan elemen div daripada halaman.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").remove();
				});
			});
		</script>
			
		<style>
			div{
				color: red;
			}
		</style>
	</head>
	<body>
		
		<div>这是一个div段落。</div>
		<span>一个span元素</span>
		<div>这是另一个div段落。</div>
		<p>这是一个p段落。</p>
		<button>点击按钮,移除div元素</button>

	</body>
</html>
Salin selepas log masuk
[Pembelajaran yang disyorkan:

tutorial video jQueryBagaimana untuk menetapkan acara klik untuk mengalih keluar elemen div dalam jquery,

video bahagian hadapan web

]

Atas ialah kandungan terperinci Bagaimana untuk menetapkan acara klik untuk mengalih keluar elemen div 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