Skip to content
Related Articles

Related Articles

jQuery | element Selector
  • Last Updated : 27 Feb, 2019

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:




My Personal Notes arrow_drop_up
Recommended Articles
Page :