Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang jQuery's remove() method_jquery

Penjelasan terperinci tentang jQuery's remove() method_jquery

WBOYasal: 2016-05-16 15:46:011560semak imbas

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)

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>

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>

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>

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>

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

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：Penjelasan terperinci tentang kemahiran algoritma_javascript penyulitan JavaScript SHA512&SHA256Artikel seterusnya：Penjelasan terperinci tentang kemahiran algoritma_javascript penyulitan JavaScript SHA512&SHA256

Artikel berkaitan

Lihat lagi