Run
<!doctype html> <html lang="en"> <head> <title>jQuery Add Style Attribute with Multiple CSS Using jQuery attr()</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $(".btnatt").click(function(){ $(".paraatt").attr("style","color:#ccc;padding:5px;background:orange;border:3px solid #ccc;"); }); }); </script> </head> <body> <h2>jQuery Add Style Attribute with Multiple CSS Using jQuery attr()</h2> <button class="btnatt">Click to Add Multiple Style</button> <p class="paraatt">A paragraph to style CSS by jQuery attr().</p> </body> </html>
Go to
Tutorialdeep Homepage