Bagaimana untuk memadam elemen dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk memadam elemen dalam jquery

青灯夜游

Lepaskan： 2022-04-22 15:09:52

asal

11033 orang telah melayarinya

Kaedah untuk memadam elemen: 1. Gunakan remove() untuk memadam elemen yang ditentukan dan semua kandungan di dalamnya Sintaks ialah "$(selector).remove()"; alihkannya. Kecuali elemen yang dipilih dan semua teks dan nod anak di dalamnya, sintaksnya ialah "$(selector).detach()".

Bagaimana untuk memadam elemen dalam jquery

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

Padamkan elemen dalam jQuery

1 Gunakan kaedah remove()

dalam jQuery , kita boleh menggunakan kaedah remove() untuk memadam elemen dan semua kandungannya.

Sintaks:

$(selector).remove()

Salin selepas log masuk

Contoh: Gunakan remove() untuk mengalih keluar elemen p

<!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() {
					$("p").remove();
				});
			});
		</script>
	</head>
	<body>

		<div>这是一个div段落。</div>
		<p>这是另一个p段落。</p>
		<button>移除P元素</button>

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk memadam elemen dalam jquery

2. Menggunakan kaedah detach()

Dalam jQuery, kita boleh menggunakan kaedah detach() untuk mengalih keluar elemen yang dipilih, termasuk semua teks dan nod anak. Walau bagaimanapun ia akan mengekalkan data dan peristiwa.

Kaedah ini menyimpan salinan elemen yang dialih keluar, membolehkannya dimasukkan semula kemudian.

Sintaks:

$(selector).detach()

Salin selepas log masuk

Contoh: Gunakan detach() untuk mengalih keluar elemen p

<!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() {
					$("p").detach();
				});
			});
		</script>
	</head>
	<body>
		<p>这是另一个p段落。</p>
		<div>这是一个div段落。</div>
		<button>移除P元素</button>

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk memadam elemen dalam jquery

[Pembelajaran yang disyorkan:tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk memadam elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!