jQuery css() methode

jQuery css() methode

De css() methode van jQuery stelt of retourneert een of meerdere stijl-eigenschappen van het geselecteerde element.

CSS-eigenschap retourneren

Om de waarde van een specifieke CSS-eigenschap te retourneren, gebruik de volgende syntaxis:

css("eigenschapsnaam");

Het volgende voorbeeld retourneert de waarde van de background-color van het eerste overeenkomende element:

Voorbeeld

$("p").css("background-color");

Probeer het zelf

CSS-eigenschap instellen

Om een specifieke CSS-eigenschap in te stellen, gebruik de volgende syntaxis:

css("eigenschapsnaam",waarde");

Het volgende voorbeeld stelt de background-color waarde in voor alle overeenkomende elementen:

Voorbeeld

$("p").css("background-color","yellow");

Probeer het zelf

Meerdere CSS-eigenschappen instellen

Om meerdere CSS-eigenschappen in te stellen, gebruik de volgende syntaxis:

css("eigenschapsnaam":waarde",eigenschapsnaam":waarde",...});

Het volgende voorbeeld stelt de background-color en font-size in voor alle overeenkomende elementen:

Voorbeeld

$("p").css({"background-color":"yellow","font-size":"200%"});

Probeer het zelf

jQuery HTML Handleiding

Voor het volledige overzicht van de jQuery CSS methoden, bezoek onze jQuery CSS Operationen Handleiding