JQuery removeData()用法及代碼示例

removeData()是jQuery中的內置方法，用於刪除以前使用data()方法設置的那些數據。
用法:

$(selector).removeData(args);

“selector”是選定元素，其先前設置的數據將被刪除。
參數：它接受可選參數“args”，該參數指定要為所選元素刪除的數據的名稱。
返回值：它返回帶有已刪除數據的所選元素。

jQuery代碼顯示removeData()方法的用法方式：
代碼1：
在下麵的代碼中，通過data()方法設置的removeData()方法刪除了數據。

<html> 
  
<head> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"> 
    </script> 
    <script> 
        <!-- working of remove data method -->
        $(document).ready(function() { 
            <!-- click here to add data to div element -->
            $("#b1").click(function() { 
                $("div").data("greeting", "Hello Everyone !"); 
                alert("GeeksforGeeks says : " + $("div"). 
                         data("greeting")); 
            }); 
            <!-- click here to remove data from div element -->
            $("#b2").click(function() { 
                $("div").removeData("greeting"); 
                alert("Greeting is: " + $("div"). 
                        data("greeting")); 
            }); 
        }); 
    </script> 
    <style> 
        #b1, 
        #b2 { 
            padding: 10px; 
            margin: 20px; 
            background-color: green; 
        } 
    </style> 
</head> 
  
<body> 
    <button id="b1">Click here to add data to  
                     div element</button> 
    <br> 
    <button id="b2">Click here to Remove data  
                    from div element</button> 
    <div></div> 
</body> 
  
</html>

輸出：
附加數據後

刪除數據後

相關用法

注：本文由純淨天空篩選整理自kundankumarjha大神的英文原創作品 jQuery | removeData() with Examples。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。