Opérations d'attributs jQuery - méthode attr()

Exemple

Changer la propriété width de l'image :

$("button").click(function(){
  $("img").attr("width","180");
});

Essayer par vous-même

Définition et utilisation

La méthode attr() définit ou retourne la valeur de l'attribut de l'élément sélectionné.

Selon les différents paramètres de cette méthode, son mode de fonctionnement est également différent.

Retourner la valeur de l'attribut

Retourner la valeur de l'attribut de l'élément sélectionné.

Syntaxe

$(selector).attr(attribute)
Paramètres Description
attribute Définir l'attribut dont la valeur doit être récupérée.

Essayer par vous-même

Définir les attributs/valeurs

Définir les propriétés et les valeurs de l'élément sélectionné.

Syntaxe

$(selector).attr(attribute,value)
Paramètres Description
attribute Définir le nom de l'attribut.
value Définir la valeur de l'attribut.

Essayer par vous-même

Utiliser une fonction pour définir les attributs/valeurs

Définir les propriétés et les valeurs de l'élément sélectionné.

Syntaxe

$(selector).attr(attribute,function(index,oldvalue))
Paramètres Description
attribute Définir le nom de l'attribut.
function(index,oldvalue)

Définir une fonction pour spécifier la valeur de l'attribut retourné.

Cette fonction peut recevoir et utiliser l'index du sélecteur et la valeur actuelle de l'attribut.

Essayer par vous-même

Définir plusieurs paires d'attributs/valeurs

Définir une ou plusieurs propriétés/valeurs pour l'élément sélectionné.

Syntaxe

$(selector).attr({attribute:value, attribute:value ...})
Paramètres Description
attribute:value Définir un ou plusieurs paires d'attributs/valeurs.

Essayer par vous-même