Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk memadam objek elemen dalam jquery

Bagaimana untuk memadam objek elemen dalam jquery

WBOY
Lepaskan: 2022-06-17 19:39:22
asal
2926 orang telah melayarinya

Cara memadam objek elemen dalam jquery: 1. Gunakan "$(selector)" untuk mendapatkan objek elemen elemen yang ditentukan 2. Gunakan kaedah remove() atau kaedah detach() untuk memadam memperoleh objek elemen yang ditentukan Ya, sintaksnya ialah "elemen object.remove()" dan "element object.detach()".

Bagaimana untuk memadam objek elemen dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

Cara memadam objek elemen dalam jquery

1 Dapatkan objek elemen elemen yang ditentukan

Sintaksnya ialah: <.>

$(selector)
Salin selepas log masuk

2. Padam objek elemen

(1) 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.

Sintaksnya ialah:

$(selector).remove()
Salin selepas log masuk
(2) Kaedah detach() mengalih keluar elemen yang dipilih, termasuk semua teks dan nod anak. Ia kemudian meneruskan data dan peristiwa.

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

Sintaksnya ialah:


$(selector).detach()
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(){
$(".bt1").click(function(){
$(".p1").remove();
});
$(".bt2").click(function(){
$(".p2").detach();
});
});
</script>
</head>
<body>
<p class="p1">这是一个段落。</p>
<p class="p2">这是另一个段落。</p>
<button class="bt1">remove移除P元素</button>
<button class="bt2">detach移除P元素</button>
</body>
</html>
Salin selepas log masuk
Hasil output:

 3.gif

Pengesyoran tutorial video:

Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk memadam objek elemen 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