Heim tägliche Programmierung HTML-Kenntnisse So löschen Sie einen Elementknoten mit jQuery

So löschen Sie einen Elementknoten mit jQuery

Dec 07, 2018 pm 02:46 PM



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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)