Heim >Web-Frontend >Front-End-Fragen und Antworten >So löschen Sie ein Elementobjekt in jquery
So löschen Sie ein Elementobjekt in jquery
- WBOYOriginal
- 2022-06-13 17:27:412907Durchsuche
So löschen Sie ein Elementobjekt in jquery: 1. Verwenden Sie „$(selector)“, um das Elementobjekt des angegebenen Elements abzurufen. 2. Verwenden Sie die Methode „remove()“ oder „detach()“, um das erhaltene angegebene Elementobjekt zu löschen . Die Syntax lautet: „ElementObject.remove()“ und „ElementObject.detach()“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.
So löschen Sie ein Elementobjekt mit jquery
1. Rufen Sie das Elementobjekt des angegebenen Elements ab
Die Syntax lautet:
$(selector)
2. Löschen Sie das Elementobjekt
(1) Das Entfernen ()-Methode entfernt das ausgewählte Elementelement, einschließlich aller Text- und untergeordneten Knoten.
Diese Methode entfernt auch die Daten und Ereignisse des ausgewählten Elements.
Die Syntax lautet:
$(selector).remove()
(2) Die detach()-Methode entfernt die ausgewählten Elemente, einschließlich aller Text- und untergeordneten Knoten. 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.
Die Syntax lautet:
$(selector).detach()
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(){
$(".bt1").click(function(){
$(".p1").remove();
});
$(".bt2").click(function(){
$(".p2").detach();
});
});
</script>
</head>
<body>
<p class="p1">这是一个段落。</p>
<p class="p2">这是另一个段落。</p>
<button class="bt1">remove移除P元素</button>
<button class="bt2">detach移除P元素</button>
</body>
</html>Ausgabeergebnis:
Video-Tutorial-Empfehlung: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo löschen Sie ein Elementobjekt in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!