jQuery prop() Methode
Beispiel
Fügen Sie eine Eigenschaft mit dem Namen "Farbe" hinzu und entfernen Sie sie:
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});
Definition und Verwendung
Die Methode prop() setzt oder gibt Eigenschaften und Werte der ausgewählten Elemente zurück.
Wenn diese Methode verwendet wird, um den Eigenschaftswert zurückzugeben, gibt sie den Wert des ERSTEN übereinstimmenden Elements zurück.
Wenn diese Methode zum Festlegen von Eigenschaftswerten verwendet wird, legt sie ein oder mehrere Eigenschaft/Wert-Paare für den Satz übereinstimmender Elemente fest.
Hinweis: Die prop()-Methode sollte verwendet werden, um Eigenschaftswerte abzurufen, z. B. DOM-Eigenschaften (wie tagName, nodeName, defaultChecked) oder Ihre eigenen benutzerdefinierten Eigenschaften.
Tipp: Um HTML-Attribute abzurufen, verwenden Sie stattdessen die Methode attr() .
Tipp: Verwenden Sie zum Entfernen einer Eigenschaft die Methode removeProp() .
Syntax
Gibt den Wert einer Eigenschaft zurück:
$(selector).prop(property)
Legen Sie die Eigenschaft und den Wert fest:
$(selector).prop(property,value)
Eigenschaft und Wert mit einer Funktion festlegen:
$(selector).prop(property,function(index,currentvalue))
Legen Sie mehrere Eigenschaften und Werte fest:
$(selector).prop({property:value, property:value,...})
Parameter | Description |
---|---|
property | Specifies the name of the property |
value | Specifies the value of the property |
function(index,currentvalue) | Specifies a function that returns the property value to set
|
Probieren Sie es selbst aus - Beispiele
prop() und attr() können unterschiedliche Werte zurückgeben. Dieses Beispiel zeigt die Unterschiede, wenn es verwendet wird, um den "markiert"-Status eines Kontrollkästchens zurückzugeben.