So entfernen Sie Elementinhalte mit JQuery-Animation
- 尊渡假赌尊渡假赌尊渡假赌Original
- 2023-05-29 09:25:171088Durchsuche
So entfernen Sie Elementinhalte mit der JQuery-Animation: 1. Verwenden Sie die Methode „children()“, um alle untergeordneten Elemente des ausgewählten Elements zurückzugeben, und verwenden Sie dann die Methode „remove()“, um das ausgewählte Element und die untergeordneten Elemente zu löschen. Die Syntax lautet „$(element) .children().remove();“ 2. Verwenden Sie die Methode „empty()“, um die untergeordneten Elemente des ausgewählten Elements zu löschen ();".
Das Betriebssystem dieses Tutorials: Windows 10-System, jQuery Version 3.6.0, Dell G3-Computer.
Zwei Methoden für die JQuery-Animation zum Entfernen von Elementinhalten:
1. Verwenden Sie die Methode „children()“, um alle direkten untergeordneten Elemente des ausgewählten Elements zurückzugeben, und verwenden Sie dann die Methode „JQuery-Remove()“, um das ausgewählte Element zu löschen seine untergeordneten Elemente.
Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ $("#div1").children().remove(); });});
</script>
</head>
<body>
<div id="div1" style="height:120px;width:300px;border:1px solid black;background-color:yellow;">
<p>This is some text in the div.</p>
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>删除 div 元素</button
></body>
</html>Öffnen Sie die HTML-Datei mit einem Browser, klicken Sie auf die Schaltfläche „Löschen“ und löschen Sie den Inhalt im div-Element.
2. Die jQuery-Methode empty() löscht die untergeordneten Elemente des ausgewählten Elements.
Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); });});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>清空 div 元素</button>
</body>
</html>Öffnen Sie die HTML-Datei mit einem Browser, klicken Sie auf die Schaltfläche „Löschen“ und löschen Sie den Inhalt im div-Element.
Das obige ist der detaillierte Inhalt vonSo entfernen Sie Elementinhalte mit JQuery-Animation. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!