Método JQuery hasData() – Barcelona Geeks

Este método hasData() en JQuery se usa para determinar si un elemento tiene datos jQuery asociados. Estos datos pueden ser texto, evento asociado con el elemento. Hay dos ejemplos discutidos a continuación:

Sintaxis:

jQuery.hasData(element)

Argumentos:

elemento: este parámetro es un elemento DOM que debe verificarse en busca de datos.

Ejemplo: no hay datos asociados con <div>, por lo que el método devuelve falso.

<!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> 

Producción:

Ejemplo: hay un evento asociado con <div>, por lo que el método devuelve verdadero.

<!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> 

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta