css()
methodYou 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>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on harsukh21@gmail.com
How to get selected file name from input type file using jQuery
Use the jQuery change() method You ca...How to show and hide dropdown menu on mouse hover using CSS
Use the CSS :hoverpseudo-class If you...Firebase Authentication with Anguler 9
In this Angular tutorial, we are going t...How to Submit a Form Using jQuery
Use the jQuery submit() Method You ca...How to get number of elements in a div using jQuery
Use the jQuery .length property You c...