Connaître la valeur d’un attribut HTML

Cette méthode jQuery correspond à getAttribute() du JavaScript classique. 

attr(nom de l’attribut)

Accède à la valeur de l’attribut HTML mentionné.

Cette méthode est assez utile pour retrouver la valeur d’un attribut de l’élément sélectionné ou du premier élément sélectionné s’il y en a plusieurs. Si l’élément HTML n’a pas d’attribut répondant à ce nom, la valeur undefined est retournée. 

$("a").attr("title") : récupère la valeur de l’attribut title du premier lien <a> rencontré.

Cette méthode retourne un objet jQuery.

Exemple

Au chargement de la page :

images/C03-007.png

Au clic sur le bouton, recherchons le style attaché à l’élément <span>JavaScript</span>. Le résultat sera affiché dans une division <div> prévue à cet effet.

images/C03-008.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(){ 
        $("button").click(function(){ 
            var style_css...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Basculer entre deux classes CSS
Suivant
Ajouter un attribut HTML et sa valeur