How to add CSS properties to an element dynamically using jQuery
In this post we will give you information about How to add CSS properties to an element dynamically using jQuery. Hear we will give you detail about How to add CSS properties to an element dynamically using jQueryAnd how to use it also give you demo for it if it is necessary.
Use the jQuery css() method
You can use the jQuery css() method to add new CSS properties to an element or modify the existing properties values dynamically using jQuery.
Let’s try out the following example to understand how this method basically works:
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery Add CSS Property Dynamically</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$("h1").css("color", "red");
$("p").css({
"background-color": "yellowgreen",
"font-weight": "bold"
});
});
</script>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Hope this code and post will helped you for implement How to add CSS properties to an element dynamically using jQuery. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs