Skip to content
Related Articles

Related Articles

jQuery | element Selector
  • Last Updated : 27 Feb, 2019
GeeksforGeeks - Summer Carnival Banner

jQuery element selector is used to select and modify HTML elements based on the element name.

Syntax:

$("element_name") 

Example-1: This example selects the “h2” element and adds border to it.




<!DOCTYPE html>
<html>
  
<head>
  
    <script src=
  </script>
  
     
  <script>
    $(document).ready(function() {
     $("h2").css("border", 
                 "5px solid green");
        });
    </script>
  
</head>
  
<body>
  
    <h2>GeeksForGeeks
  </h2>
  
</body>
  
</html>

Output:

Example-2: This example changes text color of “h2” element on button click.






<!DOCTYPE html>
<html>
  
<head>
  
    <script src=
  </script>
  
    <script>
        $(document).ready(function() {
         $("button").click(function() {
            $("h2").css("color",
                   "green");
            });
        });
    </script>
  
</head>
  
<body>
  
    <h2>GeeksForGeeks</h2>
  
    <button>Change text color
  </button>
  
</body>
  
</html>


Before:

After:

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes arrow_drop_up
Recommended Articles
Page :