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

<!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>

转载于:https://my.oschina.net/u/2552902/blog/543854

猜你喜欢

转载自blog.csdn.net/weixin_33898876/article/details/92326699