jQuery getJSON() Method

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>

Output: Before Click on the button:

After Click on the button:

jQuery getJSON() Method

S

SHUBHAMSINGH10

Improve

Article Tags :

Similar Reads

jQuery | get() Method

In jQuery .get() method loads data from the server by using the GET HTTP request. This method returns XMLHttpRequest object. Syntax $.get( url, [data], [callback], [type] ) Parameters url : String containing the URL at which request is to be sent data : This is an optional parameter that represents

jQuery getJSON() Method

In this article, we will learn about the getJSON() method in jQuery, along with understanding their implementation through the example. jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous for its philosophy of â€œWrite less, do

jQuery | Misc param() Method

The param() method in jQuery is used to create a representation of an array or an object. This representation is created in a serialized way. This serialized values can be used in making an ajax request in URL. Syntax: $.param(object, trad) Parameter: object: Specifies an array or object to serializ

JQuery sub() Method

This sub() method in JQuery is used to display the string as subscript text. This method returns the string embedded in the tag, like this: <sub> string </sub>.Syntax:Â string.sub()Parameters: This method does not accept any parameter.There are two examples discussed below:Example 1: In t

jQuery getScript() Method

The getScript() method in jQuery is used to run a JavaScript using AJAX HTTP GET request. Syntax: $(selector).getScript(url, success(response, status))Parameters: It contains two parameters as mentioned above and described below: url: It is a required parameter. It holds the url to whom the request

jQuery | post() Method

The post() method in jQuery loads the page from server using POST HTTP request and returns XMLHttpRequest object. Syntax: $.post( url, data, callback_function, data_type ) Parameters: This method accepts four parameters as mentioned above and described below: url: It is the required parameter and us

jQuery param() method

The param() method in jQuery is used to create a serialized representation of an object. Syntax: $.param( object, trad )Parameters: This method accepts two parameters as mentioned above and described below: object: It is a mandatory parameter that is used to specify an array or object to serialize.t

JQuery | now() method

This now() Method in jQuery is used to return a number representing the current time. Syntax: jQuery.now() Parameters: The now() method does not accept any parameter. Return Value: It returns the number representing the current time. Example 1: In this example, the now() Method a display the number

jQuery ajaxSetup() Method

The ajaxSetup() method in jQuery is used to set the default values for future AJAX requests. Syntax: $.ajaxSetup( {name:value, name:value, ... } )Parameters: type: It is used to specify the type of request.url: It is used to specify the URL to send the request to.username: It is used to specify a us

jQuery.fn.extend() Method

This jQuery.fn.extend() method is used to merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods. Syntax: jQuery.fn.extend( object ) Parameters: This method accepts single parameter as mentioned above and described below: object: This parameter holds the obj