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