Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie die Detach-Entfernung in JQuery

So verwenden Sie die Detach-Entfernung in JQuery

WBOY
Freigeben: 2022-05-18 15:54:40
Original
1786 Leute haben es durchsucht

In jquery kann die Detach-Methode verwendet werden, um das ausgewählte Element und alle Text- und untergeordneten Knoten des Elements zu entfernen. Die Daten und Ereignisse bleiben jedoch erhalten und können später erneut eingefügt werden. Die Syntax lautet „$(selector)“. .detach() "; Wenn Sie nur Inhalte aus dem ausgewählten Element entfernen müssen, verwenden Sie die Methode empty().

So verwenden Sie die Detach-Entfernung in JQuery

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So entfernen Sie die Trennung in JQuery mithilfe der Methode

detach(), um ausgewählte Elemente, einschließlich aller Text- und untergeordneten Knoten, zu entfernen. Anschließend bleiben die Daten und Ereignisse bestehen.

Diese Methode behält eine Kopie der entfernten Elemente bei, sodass sie später wieder eingefügt werden können.

Tipp: Wenn Sie ein Element und seine Daten und Ereignisse entfernen müssen, verwenden Sie bitte stattdessen die Methode „remove()“.

Tipp: Wenn Sie nur Inhalte aus dem ausgewählten Element entfernen möchten, verwenden Sie bitte die Methode empty().

Grammatik

$(selector).detach()
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").detach();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>移除所有P元素</button>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So verwenden Sie die Detach-Entfernung in JQuery

Empfehlung für zugehörige Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Detach-Entfernung in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage