jQuery | multiple classes Selector
The .class selector in jquery is used to select multiple classes.
Syntax:
$(".class1, .class2, .class3, ...")Parameter:
- class: This parameter is required to specify the class of the elements to be selected.
Example-1:
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $(".geeks, .for, .GeeksforGeeks").css( "background-color", "green"); }); </script></head> <body> <center> <h1 class="geeks"> Welcome to GeeksforGeeks </h1> <p>Geeks1</p> <p class="for">Geeks2</p> <p>Geeks3</p> <p class="GeeksforGeeks"> Geeks3 </p> </center></body> </html> |
Output:
Example-2:
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $(".c1, .c2").css( "background-color", "green"); }); </script></head> <body> <center> <h1 class="geeks"> Welcome to GeeksforGeeks </h1> <p class="c1">Geeks1</p> <p class="for">Geeks2</p> <p class="c2">Geeks3</p> <p class= "GeeksforGeeks"> Geeks3 </p> </center></body> </html> |
Output:
Supported Browsers:
- Google Chrome 90.0+
- Internet Explorer 9.0
- Firefox 3.6
- Safari 4.0
- Opera 10.5
.png)
.png)