jQuery - Operazioni sugli attributi - metodo attr()

Esempio

Modificare l'attributo width dell'immagine:

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

Prova personalmente

Definizione e uso

Il metodo attr() imposta o restituisce il valore dell'attributo dell'elemento selezionato.

A seconda dei diversi parametri di questo metodo, il suo modo di funzionare è anche diverso.

Restituire il valore dell'attributo

Restituire il valore dell'attributo dell'elemento selezionato.

Sintassi

$(selettore).attr(attributo)
Parametro Descrizione
attributo Specificare l'attributo di cui si desidera ottenere il valore.

Prova personalmente

Impostare attributi/valori

Impostare le proprietà e i valori dell'elemento selezionato.

Sintassi

$(selettore).attr(attributo,valore)
Parametro Descrizione
attributo Specificare il nome dell'attributo.
valore Specificare il valore dell'attributo.

Prova personalmente

Impostare attributi/valori utilizzando una funzione

Impostare le proprietà e i valori dell'elemento selezionato.

Sintassi

$(selettore).attr(attributo,function(index,oldvalue))
Parametro Descrizione
attributo Specificare il nome dell'attributo.
function(index,oldvalue)

Specificare la funzione che determina il valore dell'attributo di ritorno.

Questa funzione può accettare e utilizzare il valore di index del selettore e il valore corrente dell'attributo.

Prova personalmente

Impostare più attributi/valori

Impostare una o più proprietà e valori per l'elemento selezionato.

Sintassi

$(selettore).attr({attributo:valore, attributo:valore ...})
Parametro Descrizione
attributo:valore Specificare un o più attributi/valori.

Prova personalmente