jQuery - css() Method
Posted: Fri Oct 27, 2023 9:14 am
jQuery - css() Method
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");
Try it Yourself »
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");
Try it Yourself »
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%"});
Try it Yourself »
jQuery Exercises
Test Yourself With Exercises
Exercise:
Use the css() method to add a pink background color to a <p> element.
$("p").("", "");
Submit Answer »
Start the Exercise
jQuery CSS Reference
For a complete overview of all jQuery CSS methods, please go to our jQuery HTML/CSS Reference.
★
+1
Reference: https://www.w3schools.com/jquery/jquery_css.asp
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");
Try it Yourself »
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");
Try it Yourself »
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%"});
Try it Yourself »
jQuery Exercises
Test Yourself With Exercises
Exercise:
Use the css() method to add a pink background color to a <p> element.
$("p").("", "");
Submit Answer »
Start the Exercise
jQuery CSS Reference
For a complete overview of all jQuery CSS methods, please go to our jQuery HTML/CSS Reference.
★
+1
Reference: https://www.w3schools.com/jquery/jquery_css.asp