HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> .point{ color: red; font-size: 22px; } </style> </head> <body> <h1>jQuery addClass() Method</h1> <p>Click on the button to add the class 'point' to this paragraph.</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ //. in front of className is not necessary. $("p").addClass("point"); }); }); </script> </body> </html>
OUTPUT
×

Save as Private