jQuery css() Methode
Voorbeeld
Stel de kleureigenschap van alle <p> elementen in:
$("button").click(function(){
$("p").css("color", "red");
});
Definitie en gebruik
De methode css() stelt een of meer stijleigenschappen in of retourneert deze voor de geselecteerde elementen.
Wanneer gebruikt om eigenschappen te retourneren:
Deze methode retourneert de opgegeven CSS-eigenschapswaarde van het EERSTE overeenkomende element. Verkorte CSS-eigenschappen (zoals "achtergrond" en "rand") worden echter niet volledig ondersteund en kunnen verschillende resultaten geven in verschillende browsers.
Wanneer gebruikt om eigenschappen in te stellen:
Deze methode stelt de opgegeven CSS-eigenschap in voor ALLE overeenkomende elementen.
Syntaxis
Retourneer de waarde van de CSS-eigenschap:
$(selector).css(property)
Stel de CSS-eigenschap en -waarde in:
$(selector).css(property,value)
Stel CSS-eigenschap en -waarde in met behulp van een functie:
$(selector).css(property,function(index,currentvalue))
Stel meerdere eigenschappen en waarden in:
$(selector).css({property:value, property:value,
...})
Parameter | Description |
---|---|
property | Specifies the CSS property name, like "color", "font-weight", etc. |
value | Specifies the value of the CSS property, like "red", "bold", etc. |
function(index,currentvalue) | Specifies a function that returns the new value for the CSS property
|
Probeer het zelf - Voorbeelden
Retourneer de opgegeven CSS-eigenschapswaarde van het EERSTE overeenkomende element.
Een functie gebruiken om een CSS-eigenschap voor de geselecteerde elementen te wijzigen.
instellen Meerdere CSS-eigenschappen en waarden instellen voor de geselecteerde elementen.