Metodo prop

Il metodo prop permette di ottenere e modificare una proprietà di un elemento. È importante non confondere le proprietà e gli attributi degli elementi. Quando il DOM viene creato, gli attributi vengono convertiti nelle corrispondenti proprietà DOM degli elementi. I loro nomi non sempre coincidono, così come i loro valori. Alcune proprietà potrebbero anche non avere attributi corrispondenti; possono essere ottenute e impostate solo utilizzando il metodo prop, ad esempio la proprietà tagName. Per ottenere gli attributi di un elemento, utilizza il metodo attr.

Sintassi

Ottenere il valore di una proprietà:

$(selettore).prop(nome proprietà);

Modificare il valore di una proprietà:

$(selettore).prop(nome proprietà, nuovo valore);

Modificare i valori di più proprietà:

$(selettore).prop({prima_proprietà: nuovo_valore, seconda_proprietà: nuovo_valore, ...});

Applicare una funzione a ogni elemento nel set:

$(selettore).prop(nome proprietà, function(indice nel set, valore corrente della proprietà));

Esempio

Nell'esempio seguente, otterremo un paragrafo tramite il suo id e visualizzeremo il valore della sua proprietà className:

<p id="test" class="aaa">testo</p>

let value = $('#test').prop('className');
console.log(value);

Esempio

Cambiamo simultaneamente le proprietà className e disabled:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Vedi anche

metodo removeProp,
che permette di rimuovere le proprietà degli elementi
metodo attr,
che permette di lavorare con gli attributi degli elementi