cari

Rumah >hujung hadapan web >tutorial js >jQuery padam atau kosongkan elemen HTML example_jquery

jQuery padam atau kosongkan elemen HTML example_jquery

WBOY
WBOYasal
2016-05-16 16:40:151348semak imbas

jQuery menggunakan dua kaedah berikut untuk memadam atau mengosongkan elemen HTML.

alih keluar() – padamkan elemen yang ditentukan (termasuk sub-elemennya)
empty() – Kosongkan elemen anak bagi elemen yang ditentukan

Contohnya: 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function () { 
$("button").click(function () { 
$("#div1").remove(); 
}); 
}); 
</script> 
</head> 
<body> 

<div id="div1" style="height: 100px; width: 300px; 
border: 1px solid black; background-color: yellow;"> 
This is some text in the div. 
<p>This is a paragraph in the div.</p> 
<p>This is another paragraph in the div.</p> 

</div> 
<br> 
<button>Remove div element</button> 

</body> 
</html>
empty：
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function () { 
$("button").click(function () { 
$("#div1").empty(); 
}); 
}); 
</script> 
</head> 
<body> 

<div id="div1" style="height: 100px; width: 300px; 
border: 1px solid black; background-color: yellow;"> 
This is some text in the div. 
<p>This is a paragraph in the div.</p> 
<p>This is another paragraph in the div.</p> 

</div> 
<br> 
<button>Empty the div element</button> 

</body> 
</html>

Kaedah remove() jQuery juga menyokong parameter yang boleh digunakan untuk menapis beberapa elemen HTML yang perlu dipadamkan. Parameter ini boleh menjadi mana-mana pemilih jQuery yang sah.
Sebagai contoh, kod berikut hanya memadamkan elemen e388a4556c0f65e1904146cc1a846bee dengan class="italic": 

$("p").remove(".italic");
Kenyataan：
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
Artikel sebelumnya：jquery bind(click) melepasi parameter untuk mengikat acara pada setiap baris dalam list_jqueryArtikel seterusnya：jquery bind(click) melepasi parameter untuk mengikat acara pada setiap baris dalam list_jquery

Artikel berkaitan

Lihat lagi