jQuery .class Selector
Last Updated :
17 Nov, 2022
The jQuery .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")
Parameter:
- class: This parameter is required to specify the class of the elements to be selected.
Example 1: In this example, we will select a class by using jQuery .class Selector.
HTML
<!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 >
|
Output:
Example 2: In this example, we will change the background color of the class that we have selected.
HTML
<!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 >
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...