Es gibt drei M?glichkeiten, Elemente und Inhalte in jQuery zu l?schen: die Methode ?remove()“, die Methode ?detach()“ und die Methode ?empty()“. Im folgenden Artikel erfahren Sie, wie diese drei Methoden Elemente l?schen und welche Unterschiede zwischen der Methode ?remove()“, der Methode ?detach()“ und der Methode ?empty()“ bestehen. [Video-Tutorial-Empfehlung: jQuery-Tutorial]
jQuery-Remove()-Methode
remove ()-Methode wird verwendet, um das ausgew?hlte Element einschlie?lich aller darin enthaltenen Text- und untergeordneten Knotenelemente zu l?schen.
Im Folgenden finden Sie ein Codebeispiel, um zu erfahren, wie die Methode ?remove()“ Elemente l?scht.
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<title>jQuery remove()方法</title>
<style>
#demo{
padding: 10px;
border: 1px solid red;
}
</style>
</head>
<body>
<h1 style="color:red;">PHP中文網(wǎng)</h1>
<div id="demo">
<h2>使用remove()方法刪除！</h2>
<p>測(cè)試文本！</p>
</div>
<br>
<button>刪除</button>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#demo").remove();
});
});
</script>
</body>
</html>Ausgabe:
Vor dem Klicken auf die Schaltfl?che ?L?schen“:
Nach dem Klicken auf die Schaltfl?che ?L?schen“:
jQuery detach()-Methode
Die detach()-Methode wird verwendet, um das ausgew?hlte Element zu l?schen, einschlie?lich aller Text- und untergeordneten Knotenelemente darin.
<script ></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#demo").detach();
});
});
</script>Ausgabe:
Vor dem Klicken auf die Schaltfl?che ?L?schen“:
Nach dem Klicken auf die Schaltfl?che ?L?schen“:
Erkl?rung:
Die Methoden ?remove()“ und ?detach()“ l?schen beide das ausgew?hlte Element und seinen gesamten Inhalt, aber ?remove(“ )-Methode beh?lt nur das Element selbst bei, nicht jedoch die jQuery-Daten des Elements. Beispielsweise werden gebundene Ereignisse und Daten entfernt.
Die detach()-Methode beh?lt jedoch nicht nur das Element selbst bei, sondern auch alle gebundenen Ereignisse, zus?tzlichen Daten usw.
jQuery empty()-Methode
empty()-Methode wird verwendet, um den gesamten im ausgew?hlten Element enthaltenen Inhalt zu entfernen, einschlie?lich des gesamten Textes und des untergeordneten Elements Elemente.
Im Folgenden finden Sie ein Codebeispiel, um zu erfahren, wie die Methode empty() Elemente l?scht.
<script ></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#demo").empty();
});
});
</script>Ausgabe:
Vor dem Klicken auf die Schaltfl?che ?L?schen“:
,%20Detach()%20und%20Empty() "Wie l?sche ich Elemente mit jQuery? Einfacher Vergleich von Remove(), Detach() und Empty()")
Nach dem Klicken auf die Schaltfl?che ?L?schen“:
,%20Detach()%20und%20Empty() "Wie l?sche ich Elemente mit jQuery? Einfacher Vergleich von Remove(), Detach() und Empty()")
Hinweis: Die Methode
empty() l?scht nur den gesamten Inhalt innerhalb des ausgew?hlten Elements, das ausgew?hlte Element selbst wird jedoch nicht gel?scht.
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorial-Kolumnen auf der chinesischen PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonWie l?sche ich Elemente mit jQuery? Einfacher Vergleich von Remove(), Detach() und Empty(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!