jQuery multiple classes Selector
The jQuery multiple class selector is used to select multiple classes of an HTML document.
Syntax:
$(".class1, .class2, .class3, ...")Parameter:
- class: This parameter is required to specify the class of the elements to be selected.
Example 1: In this example, we will select the multiple classes by using jQuery multiple class selector.
HTML
<!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: In this example, we will change the background color of the classes we have selected.
HTML
<!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:
Please Login to comment...