jQuery prop() Methode
Voorbeeld
Een eigenschap met de naam "kleur" toevoegen en verwijderen:
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});
Definitie en gebruik
Met de methode prop() worden eigenschappen en waarden van de geselecteerde elementen ingesteld of geretourneerd.
Wanneer deze methode wordt gebruikt om de eigenschapswaarde te retourneren , wordt de waarde van het EERSTE overeenkomende element geretourneerd.
Wanneer deze methode wordt gebruikt om eigenschapswaarden in te stellen , worden een of meer eigenschap/waarde-paren voor de set overeenkomende elementen ingesteld.
Opmerking: de methode prop() moet worden gebruikt om eigenschapswaarden op te halen, bijv. DOM-eigenschappen (zoals tagName, nodeName, defaultChecked) of uw eigen aangepaste eigenschappen.
Tip: Gebruik in plaats daarvan de methode attr() om HTML-attributen op te halen.
Tip: Gebruik de methode removeProp() om een eigenschap te verwijderen .
Syntaxis
Retourneer de waarde van een eigenschap:
$(selector).prop(property)
Stel de eigenschap en waarde in:
$(selector).prop(property,value)
Stel eigenschap en waarde in met een functie:
$(selector).prop(property,function(index,currentvalue))
Stel meerdere eigenschappen en waarden in:
$(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
|
Probeer het zelf - Voorbeelden
prop() en attr() kunnen verschillende waarden retourneren. Dit voorbeeld toont de verschillen wanneer het wordt gebruikt om de status "aangevinkt" van een selectievakje te retourneren.