Rumah > Artikel > hujung hadapan web > Bagaimana untuk memadam objek elemen dalam jquery
Bagaimana untuk memadam objek elemen dalam jquery
- WBOYasal
- 2022-06-13 17:27:412841semak imbas
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()".
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)
2. Padam objek elemen
$(selector).remove()(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()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> Hasil output:
Atas ialah kandungan terperinci Bagaimana untuk memadam objek elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!