Enlever un élément
1. Supprimer un élément
remove() ou remove(sélecteur) remove
Supprime de l’arbre du DOM tous les éléments répondant aux critères de sélection.
$("p").remove() : supprime les paragraphes <p>.
$(’div’).remove(’.box’) : supprime les divisions <div> avec la classe box.
Cette méthode renvoie un objet jQuery.
detach() ou detach(sélecteur)
La version 1.4 de jQuery a introduit la méthode detach(). Celle-ci est identique à remove() mais elle conserve toutes les données associées aux éléments supprimés. Ce qui peut se révéler utile lorsque les données supprimées sont réinsérées plus loin dans le script.
detach$("p").detach(":contains(’Bienvenue’)") : supprime le paragraphe <p> qui contient la donnée "Bienvenue".
Exemple
Prenons un bouton de type case à cocher (checkbox). Lorsque celui-ci est coché, un champ de texte est affiché. Lorsque celui-ci est désélectionné, le champ de texte disparaît.
Affichage initial :
Affichage obtenu après avoir coché la case à cocher :
Le document HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI