JQuery hasData() method

Last Updated : 23 Jul, 2024

This

hasData() method

in JQuery is used to determine whether an element has any jQuery data associated with it. This data may be text, event associated with element. There are two examples discussed below:

Syntax:

jQuery.hasData(element)

Arguments:

element: This parameter is a DOM element which is to be checked for data.

Example: There is no data associated with <div> so the method returns false.

html

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | hasData() method
    </title>      
    <script src="https://code.jquery.com/jquery-3.5.0.js">
    </script> 
</head>   
<body style="text-align:center;"> 
    <h1 style="color:green;">  
        GeeksForGeeks  
    </h1> 
    <p id="GFG_UP"> 
    </p>
    <div> This is DIV
    </div>
    <br>
    <button onclick="Geeks()"> 
        Click here 
    </button>       
    <p id="GFG_DOWN"> 
    </p>       
    <script> 
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var $div = jQuery( "div" ), div = $div[ 0 ];
        el_up.innerHTML = "JQuery | hasData() method";
        function Geeks() { 
            el_down.innerHTML = jQuery.hasData(div);
        } 
    </script> 
</body>   
</html>

Output:

Example: There is a event associated with <div> so the method returns true.

html

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | hasData() method
    </title>      
    <script src="https://code.jquery.com/jquery-3.5.0.js">
</script> 
</head>   
<body style="text-align:center;"> 
    <h1 style="color:green;">  
        GeeksForGeeks  
    </h1> 
    <p id="GFG_UP"> 
    </p>
    <div> This is DIV
    </div>
    <br>
    <button onclick="Geeks()"> 
        Click here 
    </button>       
    <p id="GFG_DOWN"> 
    </p>       
    <script> 
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var $div = jQuery( "div" ), div = $div[ 0 ];
        el_up.innerHTML = "JQuery | hasData() method";
        $div.on( "click", function() {} );
        function Geeks() { 
            el_down.innerHTML = jQuery.hasData(div);
        } 
    </script> 
</body>   
</html>

Output:

jQuery has() Method

P

PranchalKatiyar

News

Improve

Similar Reads

JQuery hasData() method

This hasData() method in JQuery is used to determine whether an element has any jQuery data associated with it. This data may be text, event associated with element. There are two examples discussed below: Syntax: jQuery.hasData(element)Arguments: element: This parameter is a DOM element which is to

jQuery has() Method

The has() is an inbuilt method in jQuery which is used to find all the elements inside the specified list of elements. Syntax: $(selector).has(element)Parameter: It accepts a parameter expression or an element to match elements against them. Return Value: It returns all elements that match the speci

jQuery hasClass() Method

The hasClass() is an inbuilt method in jQuery which check whether the elements with the specified class name exist or not. Syntax: $(selector).hasClass(className);Parameter: It accepts a "className" parameter which specifies the class name needed to search in the selected element. Return Value: It r

jQuery ajaxStart() Method

The ajaxStart() method is used to specify a function to be run when an AJAX request starts. Syntax: $(document).ajaxStart(function())Parameter:: It takes only one parameter. function(): It specifies the function to run when the Ajax request starts. The demo.txt file is stored on the server and it wi

JQuery | isArray() method

This isArray() Method in jQuery is used to determines whether the argument is an array. Syntax: jQuery.isArray( object ) Parameters: The isArray() method accepts only one parameter that is mentioned above and described below: object : This parameter is the object to test whether or not it is an arra

jQuery is() Method

The is() method is used to check if one of the selected elements matches the selectorElement Syntax: $(selector).is(selectorElement, function(index, element))Parameters: This method accepts parameters above mentioned and below described:- selector: It is an optional parameter. It specifies the selec

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 ajaxSend() Method

The ajaxSend() method in jQuery is used to specify the function to be run when an AJAX request is about to send. Syntax: $(document).ajaxSend( function(event, xhr, options) ) Parameters: This method accepts a single parameter function which is mandatory. The function accepts three parameters as ment

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 inArray() method

This inArray() Method in jQuery is used to search for a specific value in an array and return its index (or -1 if not found). SyntaxjQuery.inArray(val, arr [, Index])Parameters The inArray() method accepts three parameters that are described below: val: The value to search in an array.arr: Any array

jQuery callbacks.add() Method

The jQuery callbacks.add() method is used to add a callback or a collection of callbacks to a callback list. This method returns the callback object onto which it is attached (this).Syntax: callbacks.add(callbacks)Parameters: callbacks: This parameter holds a function, or an array of functions, that

jQuery | contains() Method

This contains() method in jQuery is used to check whether a DOM element is a descendant of another DOM element or not. Syntax: jQuery.contains( container, contained ) Parameters: This method accepts two parameters as mentioned above and described below: container: This parameter holds the DOM elemen

JQuery | isXMLDoc() Method

This isXMLDoc() Method in jQuery is used to check to see if a DOM node is within an XML document. Syntax: jQuery.isXMLDoc( node ) Parameters: This method accept a single parameter which is mentioned above and described below: node: This parameter holds the DOM node that will be checked to see if it'

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 | extend() method

This extend() Method in jQuery is used to merge the contents of two or more objects together into the first object. Syntax: jQuery.extend( [deep ], target, object1 [, objectN ] ) Parameters: The extend() method accepts four parameter that is mentioned above and described below: deep: This parameter

jQuery filter() Method

The jQuery is a very powerful tool which helps us to incorporate a variety of DOM traversal methods to select elements in a document randomly or in sequential order. Most of the DOM traversal methods do not modify the elements whereas they filter them out upon the given conditions. The filter() meth

jQuery grep() Method

This grep() method in jQuery is used to finds the elements of an array that satisfies a filter function. Syntax:jQuery.grep(array, function(element, index) [, invert])Parameters: This method accepts two parameters as mentioned above and described below: array: This parameter holds the array like obj

jQuery ajaxComplete() Method

The ajaxComplete() method is used to specify a function to be run when an AJAX request completes. Syntax: $(document).ajaxComplete(function(event, xhr, options))Parameter: event: It contains the event object. xhr: It contains the XMLHttpRequest object. options: It contains the used options in AJAX r

jQuery callbacks.has() Method

The callbacks.has() method in jQuery is used to answer whether the list has any callbacks attached. If a callback is passed as an argument, then it answers whether it is on the list or not. Syntax: callbacks.has([callback])Parameters: callback: The parameter defines the callback to search for, in th

Article Tags :