Open In App

jQuery | Misc get() Method

Improve
Improve
Like Article
Like
Save
Share
Report

The get() Method in jQuery is used to get the DOM element specified by the selectors.

Syntax

$(selector).get(index)

Parameters: This method accepts single parameter index which is optional. It is used to specify which of the matching elements to get by its index number.

Example 1: This example uses get() method to get the element specified by selector.




<!DOCTYPE html>
<html>
  
<head
    <title>
        jQuery Misc get() Method
    </title>
      
    <script src=
    </script>
</head
  
<body style="text-align:center;">
            
    <h1 style = "color:green;" >  
        GeeksforGeeks
    </h1>  
      
    <h2>jQuery Misc get() Method</h2>
      
    <button>Click</button>
  
    <div></div>
      
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                var x = $("h1").get(0);
                $("div").text(x.nodeName + ": " + x.innerHTML);
            });
        });
    </script
</body>
  
</html>  


Output:
Before Click on the button:

After Click on the button:

Example 2: This example use get() method to get the element specified by selector.




<!DOCTYPE html>
<html>
  
<head
    <title>
        jQuery Misc get() Method
    </title>
      
    <script src=
    </script>
</head
  
<body style="text-align:center;">
  
    <h1 style = "color:green;" >  
        GeeksForGeeks
    </h1>  
      
    <h2>jQuery Misc get() Method</h2>
  
    <button>Click</button>
      
    <!-- Script to use get() method -->
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                var x = $("h1").get(0);
                alert(x.nodeName + ": " + x.innerHTML);
            });
        });
    </script
</body>
  
</html>  


Output:
Before Click on the button:

After Click on the button:



Last Updated : 27 Feb, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads