jQuery – css() Method

Toggle navigation
TUTORIAL HOME
jQuery – css() Method
❮ Previous Next ❯
jQuery css() Method
The css() method sets or returns one or more style properties for the selected elements.

Return a CSS Property
To return the value of a specified CSS property, use the following syntax:

css(“propertyname”);
The following example will return the background-color value of the FIRST matched element:

Example
$(“p”).css(“background-color”);
»
Set a CSS Property
To set a specified CSS property, use the following syntax:

css(“propertyname”,”value”);
The following example will set the background-color value for ALL matched elements:

Example
$(“p”).css(“background-color”, “yellow”);
»
Set Multiple CSS Properties
To set multiple CSS properties, use the following syntax:

css({“propertyname”:”value”,”propertyname”:”value”,…});
The following example will set a background-color and a font-size for ALL matched elements:

Example
$(“p”).css({“background-color”: “yellow”, “font-size”: “200%”});
»
Test Yourself with Exercises!
Exercise 1 »  Exercise 2 »  Exercise 3 »  Exercise 4 »

jQuery CSS Reference
For a complete overview of all jQuery CSS methods, please go to our jQuery HTML/CSS Reference.

❮ Previous Next ❯