Supprimer un attribut HTML

removeAttr(nom de l’attribut) removeAttr

Supprime un attribut des éléments HTML concernés.

$("#div1").removeAttr("disabled") : supprime l’attribut disabled de l’élément identifié par div1.

Cette méthode retourne un objet jQuery.

Exemple

Supprimons l’attribut de style de la division afin de rendre la lecture plus aisée. 

Au chargement :

images/C03-013.png

Affichage obtenu après le clic sur le lien :

images/C03-014.png

Le document HTML :


<!doctype html> 
<html lang="fr"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){  
        $("a").click(function(){ 
            $("div").removeAttr("style"); 
        }); 
    }); 
</script> 
</head> 
<body> 
<p><a href="#">Sans style CSS</a></p> 
<div style="background-color: #9cf; border: 2px solid black; 
color: white; font-weight: bold;">Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Sed non risus. Suspendisse lectus 
tortor, dignissim sit amet, adipiscing nec, ultricies sed, 
dolor.</div> 
</body> ...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Ajouter plusieurs attributs HTML et leurs valeurs
Suivant
Connaître la valeur de l'attribut value