Méthode attr() de jQuery

HTML jQuery/Méthodes CSS

La méthode attr() de jQuery permet de récupérer ou de définir les attributs et les valeurs des éléments sélectionnés.

Lorsque la méthode attr() est utilisée pourObtenirLorsque la valeur de l'attribut est définie, elle retourneraLe premier élément sélectionnévaleur.

Lorsque la méthode attr() est utilisée pourDéfinirLorsque la valeur de l'attribut est définie, elle seraTous les éléments sélectionnésDéfinir une ou plusieurs valeurs d'attribut/paires de valeurs.

Pour supprimer un attribut, utilisezremoveAttr()Méthode.

Syntaxe :

Obtenir la valeur de l'attribut :

jQuery(selector).attr(attribute)

Définir l'attribut et la valeur :

jQuery(selector).attr(attribute, value)

Définir plusieurs attributs et valeurs :

jQuery(selector).attr({attribute:value, attribute:value, ...})

Définir l'attribut et la valeur en utilisant une fonction

jQuery(selector).attr(attribute, function(index, currentValue))

Exemple

Obtenir la valeur de l'attribut src de l'image :

$("button").click(function(){
　　$("img").attr("src");
});

Définir l'attribut src de l'image :

$("button").click(function(){
　　$("img").attr("src", "icon_jquery.png");
});

Définir plusieurs attributs et valeurs :

$("button").click(function(){
　　$("img").attr({
　　　　alt: "Icône de perroquet"
　　　　title: "Image par Seagull",
　　　　width: "350px",
　　　　height: "300px"
　　});
});

Définir les attributs et les valeurs à l'aide de la fonction :

$("button").click(function(){
　　$("img").attr("width", function(i, val){
　　　　return val　-　60;
　　});
});

Définissez la valeur de l'attribut src à partir de la liste déroulante :

Valeur des paramètres

HTML jQuery/Méthodes CSS