jQuery removeData()的应用实例

jQuery removeData()的应用实例

removeData()是jQuery中的一个内置方法,用于删除那些之前用data()方法设置的数据。
语法:

$(selector).removeData(args);

这里的 “选择器 “是指被选中的元素,其先前设置的数据被删除。
参数:它接受一个可选的参数 “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>

输出:
在附上数据后
jQuery removeData()的应用实例
移除数据后-
jQuery removeData()的应用实例

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程