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 > |
chevron_right
filter_none
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 > |
chevron_right
filter_none
Output:
Supported Browsers:
- Google Chrome
- Mozilla Firefox
- Edge
- Safari
- Opera