jQuery | Misc get() Method

Last Updated : 27 Feb, 2019

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.

html

<!DOCTYPE html>
<html>

<head> 
    <title>
        jQuery Misc get() Method
    </title>
    
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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.

html

<!DOCTYPE html>
<html>

<head> 
    <title>
        jQuery Misc get() Method
    </title>
    
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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>