In this example you will learn, how to add CSS properties to an element dynamically using jQuery. You can use the jQuery css() method to add new CSS properties to an element or modify the existing properties values dynamically using jQuery.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!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> |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.