So entfernen Sie Elementinhalte mit JQuery-Animation-häufiges Problem-php.cn

So entfernen Sie Elementinhalte mit JQuery-Animation

尊渡假赌尊渡假赌尊渡假赌

Freigeben： 2023-05-29 10:16:19

Original

1143 Leute haben es durchsucht

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 ();".

So entfernen Sie Elementinhalte mit JQuery-Animation

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>

Nach dem Login kopieren

Ö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.

屏幕截图 2023-05-29 091949.png

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>

Nach dem Login kopieren

Ö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.

屏幕截图 2023-05-29 092249.png

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!