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...