JQ-.removeData()

ByWhat'sUs

JQ-.removeData()

removeData() 方法移除之前通过 data() 方法设置的数据

代码片段:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>removeData demo</title>
<style>
div {
margin: 2px;
color: blue;
}
span {
color: red;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

<div>value1 before creation: <span></span></div>
<div>value1 after creation: <span></span></div>
<div>value1 after removal: <span></span></div>
<div>value2 after removal: <span></span></div>

<script>
$("span").eq(0).text("" + $("div").data("test1"));
$("div").data("test1", "VALUE-1");
$("div").data("test2", "VALUE-2");
$("span").eq(1).text("" + $("div").data("test1"));
$("div").removeData("test1");
$("span").eq(2).text("" + $("div").data("test1"));
$("span").eq(3).text("" + $("div").data("test2"));
</script>

</body>
</html>

About the author

What'sUs administrator

Leave a Reply

PHP Code Snippets Powered By : XYZScripts.com