Comment supprimer le contenu d'un élément avec une animation jquery-Problème commun-php.cn

Comment supprimer le contenu d'un élément avec une animation jquery

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

Libérer： 2023-05-29 10:16:19

original

1109 Les gens l'ont consulté

Méthode d'animation Jquery pour supprimer le contenu de l'élément : 1. Utilisez la méthode "children()" pour renvoyer tous les éléments enfants de l'élément sélectionné, puis utilisez la méthode "remove()" pour supprimer l'élément sélectionné. élément et éléments enfants, syntaxe Il s'agit de "$(element).children().remove();" 2. Utilisez la méthode "empty()" pour supprimer les éléments enfants de l'élément sélectionné, et la syntaxe est "$ (élément enfant).empty();".

Comment supprimer le contenu d'un élément avec une animation jquery

Le système d'exploitation pour ce tutoriel : système Windows 10, version jQuery3.6.0, ordinateur Dell G3.

Deux méthodes d'animation jquery pour supprimer le contenu des éléments :

1. Utilisez la méthode children() pour renvoyer tous les éléments enfants directs du. élément sélectionné, puis supprimez l'élément sélectionné et ses éléments enfants via la méthode jQuery Remove().

Le code est le suivant :

<!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>

Copier après la connexion

Ouvrez le fichier html avec un navigateur, cliquez sur le bouton Supprimer et effacez le contenu de l'élément div.

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

2. La méthode jQuery empty() supprime les éléments enfants de l'élément sélectionné.

Le code est le suivant :

<!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>

Copier après la connexion

Ouvrez le fichier html avec un navigateur, cliquez sur le bouton Supprimer et effacez le contenu de l'élément div.

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