jQuery .class Selector Last Updated : 11 Jul, 2025 Suggest changes Share Like Article Like 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= "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> 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= "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> Output: K kartikgoel1999 Follow Explore jQuery Tutorial 8 min read Getting Started with jQuery 4 min read jQuery Introduction 7 min read jQuery Syntax 2 min read jQuery CDN 4 min read jQuery SelectorsJQuery Selectors 5 min read jQuery * Selector 1 min read jQuery #id Selector 1 min read jQuery .class Selector 1 min read jQuery EventsjQuery Events 4 min read jQuery bind() Method 2 min read jQuery blur() Method 1 min read jQuery change() Method 2 min read jQuery EffectsjQuery animate() Method 2 min read jQuery clearQueue() Method 2 min read jQuery delay() Method 2 min read jQuery HTML/CSSjQuery addClass() Method 2 min read jQuery after() Method 1 min read jQuery append() Method 2 min read jQuery TraversingjQuery | Traversing 4 min read jQuery add() method 1 min read jQuery addBack() Method 2 min read Article Tags : Web Technologies JQuery jQuery-Selectors Like