jQuery | .class Selector
The .class selector specifies the class for an element to be selected. It should not begin with a number. It gives styling to several HTML elements.
Syntax:
$(".class")Example-1:
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $(".GEEKS").css("background-color" , "pink"); }); </script></head> <body> <p class="GEEKS">Geeks For Geeks </p> <span class="GEEKS">jQuery|.class selector </span> </body> </html> |
Output:
Example-2:
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $(".GEEKS").css("background-color", "orange"); }); </script></head> <body> <div style="border:2px solid red" class="GEEKS"> Geeks For Geeks </div> <br> <br> <span class="GEEKS">jQuery|.class selector </span> </body> </html> |
Output:
Supported Browsers:
- Google Chrome
- Mozilla Firefox
- Edge
- Safari
- Opera
