Metodo jQuery prop()

Metodo HTML/CSS di jQuery

Il metodo prop() di jQuery ottiene o imposta gli attributi e i valori degli elementi selezionati.

Quando si utilizza il metodo prop()Ottieniquando si imposta il valore dell'attributo, torneràIl primo elemento selezionatoil valore.

Utilizzare il metodo prop()Impostarequando si imposta il valore dell'attributo, saràTutti gli elementi selezionatiImpostare uno o più attributi/valori.

Per ottenere o impostare attributi HTML, utilizzareattr()Metodo.

Per eliminare un attributo, utilizzareremoveProp()Metodo.

Sintassi:

Ottieni il valore dell'attributo:

$.prop(property)

Impostare attributi e valori:

$.prop(property,　value)

Impostare più attributi e valori:

$.prop({property:value,　property:value,　...})

Impostare attributi e valori utilizzando una funzione

$.prop(selector, function(index, currentValue))

Esempio

Ottieni il valore dell'attributo checked del casello di spunta:

$("input:checkbox").change(function(){
　　$("strong").text($(this).prop("checked"));
});

Impostare il valore dell'attributo selezionato del casello di spunta:

$("button").click(function(){
　　$("input:checkbox").prop("checked",　true);
});

Disabilitare tutti i caselli di spunta nella pagina:

$(document).ready(function(){
　　$("input:checkbox").prop("disabled", true);
});

prop() e attr()

La differenza tra prop() e attr() può essere importante in alcune circostanze specifiche.

Il metodo prop() fornisce un metodo esplicito per recuperare il valore dell'attributo, mentre attr() recupera l'attributo.

Esempio seguente mostra la differenza tra prop() e attr():

$("input:checkbox").change(function(){
　　$(this).prop("checked");
　　$(this).attr("checked");
});

Valore del parametro

Metodo HTML/CSS di jQuery