jQuery .class选择器

jQuery .class选择器指定要选择的元素的类别。它不应该以数字开头。它为几个HTML元素提供样式。

语法:

$(".class")

参数:

class。这个参数需要用来指定要选择的元素的类别。

例子1：在这个例子中，我们将使用jQuery .class Selector来选择一个类。

<!DOCTYPE html>
<html>
 
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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>

输出:

jQuery .class选择器

例子2：在这个例子中，我们将改变我们选择的类的背景颜色。

<!DOCTYPE html>
<html>
 
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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>