So löschen Sie einen Elementknoten mit jQuery

藏色散人
Freigeben: 2018-12-14 09:21:55
Original
7839 Leute haben es durchsucht



Die JQuery-Methode zum Löschen von Elementknoten ist sehr einfach. Wir können den Knoten direkt über die Methode „remove()“ löschen .

So löschen Sie einen Elementknoten mit jQuery

Nachfolgend geben wir Ihnen anhand eines einfachen Codebeispiels eine detaillierte Einführung in die jquery-Methode zum Löschen von Knotenelementen .

Das Codebeispiel lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery删除节点示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
 $(function () {
            $("button").click(function () {
                $("p").remove();
 });

 })

    </script>
</head>
<body>
<button>删除</button>
<h1>这是标题</h1>
<p>这是一段话。</p>
</body>
</html>
Nach dem Login kopieren

Hier schreiben wir einen Klickereignis-Klick. Wenn auf die Schaltfläche „Löschen“ geklickt wird, wird ein Ereignis ausgelöst, um das p-Tag über die Methode „Entfernen“ zu löschen.

Der endgültige Effekt ist wie folgt:

So löschen Sie einen Elementknoten mit jQuery

.remove([selector]): Ein Selektorausdruck, Wird verwendet, um den Satz übereinstimmender Elemente zu filtern, die gelöscht werden sollen.

Hinweis: Die Methode .remove() ruft Elemente aus dem DOM ab. Wenn Sie .remove() verwenden, müssen Sie das Element selbst löschen. Zusätzlich zum Element selbst werden alle gebundenen Ereignisse und jQuery-Daten entfernt, die mit dem Element verknüpft sind. Um Elemente zu löschen, ohne Daten und Ereignisse zu löschen, verwenden Sie .detach().

Dieser Artikel ist eine detaillierte Einführung in das Löschen von Elementknoten in jQuery. Er ist auch sehr einfach und leicht zu verstehen. Ich hoffe, er wird für Freunde in Not hilfreich sein.



Das obige ist der detaillierte Inhalt vonSo löschen Sie einen Elementknoten mit 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage