CSS Method – jQuery


title: CSS Method

CSS Method

The jQuery .css() method gets the value of a computed style property for the first element in the set of matched elements or set one or more CSS properties for every matched element.

Getting

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

$(selector).css(propertyName);

Example:

$('#element').css('background');

Note: Here we can use any css selector eg: element(HTML Tag selector), .element(Class Selector), #element(ID selector).

Setting

To set a specified CSS property, use the following syntax:

$(selector).css(propertyName,value);

Example:

$('#element').css('background','red');

To set multiple CSS properties, you’ll have to use the object literal syntax like this:

$('#element').css({ 'background': 'gray', 'color': 'white' });

If you want to change a property labeled with more than one word, refer to this example:

To change background-color of an element

$('#element').css('background-color', 'gray');

More Information:

Documentation: api.jquery

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.