jQuery .class Selector (original) (raw)

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 `

<script>
    $(document).ready(function () {
        $(".GEEKS").css("background-color", "pink");
    });
</script>

Geeks For Geeks

<span class="GEEKS">
    jQuery|.class selector
</span>

`

Output:

Example 2: In this example, we will change the background color of the class that we have selected.

HTML `

<script>
    $(document).ready(function () {
        $(".GEEKS").css("background-color", "orange");
    });
</script>

<span class="GEEKS">
    jQuery|.class selector
</span>

`

Output: