Gli ultimi tutorial di sviluppo web
 

jQuery prop() Method

<JQuery HTML / CSS Metodi

Esempio

Aggiungere e rimuovere una proprietà denominata "colore":

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
Prova tu stesso "

Definizione e utilizzo

Le prop() set di metodo o restituisce le proprietà ei valori degli elementi selezionati.

Quando questo metodo viene utilizzato per restituire il valore della proprietà, restituisce il valore dell'elemento abbinato PRIMO.

Quando questo metodo viene utilizzato per impostare i valori delle proprietà, imposta una o più coppie proprietà / valore per l'insieme degli elementi corrispondenti.

Nota: La prop() metodo deve essere utilizzato per recuperare i valori delle proprietà, ad esempio DOM proprietà (come tagName, nodeName, defaultChecked ) o le proprie proprietà su misura.

Suggerimento: per recuperare gli attributi HTML, utilizzare la attr() metodo, invece.

Suggerimento: per rimuovere un uso di proprietà del removeProp() metodo.


Sintassi

Restituisce il valore di una proprietà:

$(selector).prop(property)

Impostare la proprietà e il valore:

$(selector).prop(property,value)

Impostare la proprietà e il valore utilizzando una funzione:

$(selector).prop(property,function(index,currentvalue ))

Impostare più proprietà e valori:

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

Parametro Descrizione
property Specifica il nome della proprietà
value Specifica il valore della proprietà
function(index,currentvalue) Specifica una funzione che restituisce il valore della proprietà per impostare
  • index - Riceve la posizione di indice dell'elemento nel set
  • currentvalue - Riceve il valore della proprietà corrente degli elementi selezionati

Provate voi stessi - Esempi

Differenza tra prop() e attr()
prop() e attr() potrebbe restituire valori diversi. Questo esempio mostra le differenze quando viene utilizzato per restituire il "checked" lo stato di una casella di controllo.


<JQuery HTML / CSS Metodi