recherche

Maison >interface Web >js tutoriel >jQuery supprime ou efface un élément HTML example_jquery

jQuery supprime ou efface un élément HTML example_jquery

WBOY
WBOYoriginal
2016-05-16 16:40:151331parcourir

jQuery utilise les deux méthodes suivantes pour supprimer ou effacer un élément HTML.

remove() – supprime l'élément spécifié (y compris ses sous-éléments)
empty() – Vide les éléments enfants de l'élément spécifié

Par exemple : 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function () { 
$("button").click(function () { 
$("#div1").remove(); 
}); 
}); 
</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>Remove div element</button> 

</body> 
</html>
empty：
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.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>Empty the div element</button> 

</body> 
</html>

La méthode Remove() de jQuery prend également en charge un paramètre qui peut être utilisé pour filtrer certains éléments HTML qui doivent être supprimés. Ce paramètre peut être n'importe quel sélecteur jQuery valide.
Par exemple, le code suivant supprime uniquement l'élément e388a4556c0f65e1904146cc1a846bee avec class="italic": 

$("p").remove(".italic");
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：jquery bind(click) transmet des paramètres pour lier un événement à chaque ligne de list_jqueryArticle suivant：jquery bind(click) transmet des paramètres pour lier un événement à chaque ligne de list_jquery

Articles Liés

Voir plus