當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。