Open In App
Related Articles

jQuery .class Selector

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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:

  


Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!


Last Updated : 17 Nov, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads
Complete Tutorials