当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JQuery hasData()用法及代码示例


JQuery 中的这个 hasData() 方法用于确定一个元素是否有任何与之关联的 jQuery 数据。该数据可以是与元素相关联的文本、事件。下面讨论两个例子:

用法:

jQuery.hasData(element)

参数:

  • element:此参数是要检查数据的 DOM 元素。
  • 例:没有与 <div> 关联的数据,因此该方法返回 false。

    
    <!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:
  • 例:有一个与 <div> 关联的事件,因此该方法返回 true。

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



相关用法


注:本文由纯净天空筛选整理自PranchalKatiyar大神的英文原创作品 JQuery hasData() method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。