Comment supprimer le contenu d'un élément avec une animation jquery
- 尊渡假赌尊渡假赌尊渡假赌original
- 2023-05-29 09:25:171113parcourir
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();".
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>Ouvrez le fichier html avec un navigateur, cliquez sur le bouton Supprimer et effacez le contenu de l'élément div.
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>Ouvrez le fichier html avec un navigateur, cliquez sur le bouton Supprimer et effacez le contenu de l'élément div.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!