jQuery CSS Methods - css method

css method

jQuery css method is used to apply css properties to each element in the set of matched elements.

$(selector).css(PropertyName, PropertyValue);

Single css property example

jQuery css method is used to apply single css property to div element here.

<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function() {
$( "div" ).css("color", "blue");
});
</script>
</head>
<body>
<div>Welcome to jQuery learning!</div>
</body>
</html>

Output:

Welcome to jQuery learning!

jQuery css method for multiple css properties

jQuery css method is used to apply multiple css properties to div element here.

$(selector).css({PropertyName1:PropertyValue1, PropertyName2:PropertyValue2, ...});

Multiple css properties example

<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function() {
$( "div" ).css({"color": "blue", "font-weight": "bold"});
});
</script>
</head>
<body>
<div>Welcome to jQuery learning!</div>
</body>
</html>

Output:

Welcome to jQuery learning!

jQuery css property name value

jQuery css method is used to get css property name value.

$(selector).css(property_name);

Get property name value example

<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function() {
document.write($( "div" ).css("color"));
});
</script>
</head>
<body>
<div style="color: blue;">Welcome to jQuery learning!</div>
</body>
</html>

Output:

rgb(0, 0, 255)

« Previous Next »

jQuery Programming Examples

jQuery CSS Methods - css method

css method

Single css property example

jQuery css method for multiple css properties

Multiple css properties example

jQuery css property name value

Get property name value example

Simple Filter HTML Table Rows in jquery

jQuery ui datepicker with disabled date ranges

jQuery ui datepicker change event to submit the form

Getting screen coordinates in jQuery

Getting mouse positions in jQuery

Getting pressed key code in jQuery

Getting multiple elements using tag, id and class in jQuery

Checking element tag in jQuery

Getting element by index in jQuery

Highlights the odd and even rows in different colors in jQuery

Simple Filter HTML Paragraph Tags in jquery

Enable / disable HTML input fields in jQuery

Remove leading and trailing space in text of HTML element using jQuery

jQuery Adding HTML Table Row Dynamically

jQuery Deleting HTML Table Row Dynamically

jQuery Deleting Selected Multiple HTML Table Rows

jQuery Getting Selected Checkbox Values

Update page title using jquery

print objects

Update page title using jquery

print objects