Apabila anda ingin mengalih keluar elemen tertentu, jQuery menyediakan dua kaedah, empty() dan remove([expr] kedua-duanya memadamkan elemen, tetapi masih terdapat perbezaan antara kedua-dua
Kaedah kosong).
Tegasnya, kaedah empty() tidak memadamkan nod, tetapi mengosongkan nod itu boleh mengosongkan semua nod keturunan dalam elemen
kosong tidak boleh memadamkan nodnya sendiri
<. . > Di bawah ini kita akan menggunakan kod untuk menganalisis secara terperinci
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>remove()与empty()的区别</title>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<style type="text/css">
#dv1{
width:250px;
height:250px;
background:red;
float:left;
}
#dv2{
width:250px;
height:250px;
background:green;
float: left;
margin-left:5px;
margin-right:5px;
}
</style>
</head>
<body>
<div id="dv1">
<p>元素1</p>
<p>元素2</p>
</div>
<div id="dv2">
<p>元素3</p>
<p>元素4</p>
</div>
<input type="button" value="empty" id="but1">
<input type="button" value="remove" id="but2">
<script>
$("#but1").click(function(){
$("#dv1").empty();
})
$("#but2").click(function(){
$("#dv2").remove();
})
</script>
</body>
</html>Kod di atas, selepas kita menjalankannya, kita dapat melihat bahawa apabila saya mengklik kosong, elemen 1 dan elemen 2 akan dikosongkan, tetapi div masih wujud
Apabila saya mengklik alih keluar, bukan sahaja elemen di dalamnya akan dipadamkan, malah div itu sendiri akan dipadamkan
bahagian seterusnya
