jQuery prop() Methode

jQuery HTML/CSS Methoden

Die Methode prop() von jQuery erhält oder setzt Eigenschaften und Werte der ausgewählten Elemente.

Wenn Sie die Methode prop() verwendenErhaltenWenn Sie den Wert der Eigenschaft setzen, wird esDas erste ausgewählte ElementWert.

Verwenden Sie die Methode prop()SetzenWenn Sie den Wert der Eigenschaft setzen, wird esAlle ausgewählten ElementeSetzen Sie eine oder mehrere Eigenschaften/Wertpaare.

Um HTML-Eigenschaften zu erhalten oder zu setzen, verwenden Sie bitteattr()Methode.

Um eine Eigenschaft zu löschen, verwenden SieremoveProp()Methode.

Syntax:

Gewinnen Sie den Wert der Eigenschaft:

$(selector).prop(property)

Setzen Sie Eigenschaften und Werte:

$(selector).prop(property,　value)

Setzen Sie mehrere Eigenschaften und Werte:

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

Verwenden Sie eine Funktion, um Eigenschaften und Werte zu setzen

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

Beispiel

Gewinnen Sie den Wert der Eigenschaft "checked" der Checkbox:

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

Setzen Sie den Wert der ausgewählten Eigenschaft der Checkbox:

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

Deaktivieren Sie alle Checkboxen auf der Seite:

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

prop() und attr()

Die Unterschiede zwischen prop() und attr() können in bestimmten Fällen wichtig sein.

Die Methode prop() bietet eine explizite Methode zur Abfrage von Attributswerten, während attr() Attribute abruft.

Der folgende Beispiel zeigt die Unterschiede zwischen prop() und attr():

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

Parameterwert

jQuery HTML/CSS Methoden