Penjelasan terperinci tentang jQuery's remove() method

Penjelasan terperinci tentang jQuery's remove() method_jquery

WBOY

Lepaskan： 2016-05-16 15:46:01

asal

1582 orang telah melayarinya

Takrifan dan penggunaan kaedah remove():

Kaedah ini akan mengalih keluar semua elemen padanan daripada DOM.

Nota: Kaedah remove() tidak akan memadamkan elemen padanan daripada objek jQuery, jadi elemen padanan ini boleh digunakan semula pada masa hadapan Walau bagaimanapun, sebagai tambahan kepada elemen itu sendiri dikekalkan, peristiwa lain seperti peristiwa terikat , Data tambahan, dsb. akan dialih keluar.

Struktur tatabahasa:

$(selector).remove(expr)

Salin selepas log masuk

Senarai parameter:

Penerangan Parameter
expr adalah pilihan. Ungkapan jQuery untuk menapis elemen

Kod contoh:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
 $("button").click(function(){
  $("div").remove("#first");
 })
})
</script> 
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button>点击</button>
</body>
</html>

Salin selepas log masuk

Kod berikut boleh memadamkan div dengan id dahulu dalam koleksi div.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
 $("#btd").click(function(){
  $("div").remove();
 })
})
</script> 
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button id="btd">点击删除第一个div</button>
</body>
</html>

Salin selepas log masuk

Jika parameter ditinggalkan, semua elemen padanan akan dipadamkan.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
 width:200px;
 height:200px;
 border:5px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
 $("#btd").click(function(){
  var a=$("div");
  a.remove("#first");
  $("#btn").click(function(){
   alert(a.length);
  })
 })
})
</script> 
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button id="btd">删除第一个div</button><button id="btn">查看删除操作后div的数量</button>
</body>
</html>

Salin selepas log masuk

remove() telah mengalih keluar elemen padanan dalam DOM, tetapi ia tidak mengeluarkannya daripada objek jquery.

jquery menggunakan kaedah remove() untuk memadamkan elemen anak kelas tertentu

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
 $("p").remove(".italic");
 });
});
</script>
</head>
<body>
<p>This is a paragraph in the div.</p>
<p class="italic"><i>This is another paragraph in the div.</i></p>
<p class="italic"><i>This is another paragraph in the div.</i></p>
<button>Remove all p elements with class="italic"</button>
</body>
</html>

Salin selepas log masuk

Selepas melihat kod ini, saya rasa saya tidak perlu menjelaskan terlalu banyak. Semua orang akan faham, ia adalah kaedah yang sangat menarik.