使用data()方法在元素上存取移除JSON格式数据 10-6

最新推荐文章于 2025-03-06 15:03:02 发布

转载最新推荐文章于 2025-03-06 15:03:02 发布 · 1.4k 阅读

javascript 专栏收录该内容

53 篇文章

订阅专栏

本文通过实例演示了如何使用jQuery的data()方法来存储、读取和删除JSON格式的数据。具体步骤包括初始化数据状态，设置JSON数据并显示其内容，最后移除该数据并验证是否成功。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用data()方法在元素上存取移除JSON格式数据</title>
<script type="text/javascript" src="../lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("p").data("tmpData");//初始时

		//显示初始化时数据
		$("#divTip").append($("p").data("tmpData")==null ? "初始时：null":$("p").data("tmpData"));

		$("p").data("tmpData",{name:"张三",sex:"女",score:"80"});//设置

		//显示设置后的数据
		$("#divTip").append("<br>赋值后："+$("p").data("tmpData").name+"/"+$("p").data("tmpData").sex+"/"+$("p").data("tmpData").score);

		$("p").removeData("tmpData");//移除

		//显示移除后的数据
		$("#divTip").append($("p").data("tmpData")==null ? "<br>移除时：null":$("p").data("tmpData"));
		

		
	})
</script>
</head>
<body>
	<p><b>数据状态</b></p>
	<div id="divTip"></div>
</body>
</html>