JQuery数据缓存

前言

本篇是继上篇jquery对象访问 介绍及如何使用后谈jQuery相关的数据缓存。

JQuery数据缓存

data([name])

JQuery数据缓存_第1张图片

data(obj)

JQuery数据缓存_第2张图片

removeData(name)

JQuery数据缓存_第3张图片

jQuery.data([element], [key])

JQuery数据缓存_第4张图片

测试用例

<!DOCTYPE html>
<html>
<head>
    <title>JQuery数据缓存</title>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
</head>
<body>
<!-- JQuery数据缓存之一data([name]) -->
<div id="chche">JQuery数据缓存之一data([name])</div>
<input id="data" type="text"/>
<button onclick="javascript:write()">数据缓存</button>
<!--读取保存在id为chche的div中的数据input_data-->
<button onclick="javascript:alert($('#chche').data('input_data'))">读取数据缓存</button> 
<!--移除保存在id为chche的div中的数据input_data-->
<button onblur="javascript:$('#chche').removeData('input_data')">移除数据缓存</button>
<script type="text/javascript"> function write() { if($('#data').val() == '') { alert('输入为空!!'); return; } $('#chche').data('input_data',$('#data').val()); //将数据缓存在id为chche的div中 } </script>
<hr>
<!-- JQuery数据缓存之一data(obj) -->
<div id="hc2">JQuery数据缓存之一data(obj)</div>
<script type="text/javascript"> //存储数据 var map = new Object(); //创建一个object对象 map.a = "a1"; //添加对象数据 必须是以键值对的形式 map.b = "b2"; map.c = "c3"; $("#hc2").data(map); //读取数据 // alert($("#hc2").data("b"));//以键值对的关键字获取对应的数据 </script>
<!-- JQuery数据缓存之一返回值:jQueryremoveData(name) 移除数据缓存。 name:数据缓存的关键字 -->
<div id="hc3">JQuery数据缓存之一返回值:jQueryremoveData(name)</div>
<script type="text/javascript"> $("#hc3").data("hc3","this gona remove data"); // alert("before remove: "+$("#hc3").data("hc3")); //输出结果:before remove: this gonna remove data $("#hc3").removeData("hc3"); // alert("after remove: "+$("#hc3").data("hc3")); //输出结果:undefined </script>
<!-- JQuery数据缓存之一jQuery.data([element], [key]) -->
<script type="text/javascript"> //注意是element,key的形式 alert($.data(document.body,"foo")); alert($.data(document.body)); //返回object </script>
</body>
</html>

运行结果

JQuery数据缓存_第5张图片
具体参考代码中的注释

总结

本篇是介绍jQuery的数据缓存模块。以前没有系统的学习jQuery,现在打算系统的学习下jQuery,顺便贴出供需要的朋友参考。以上均是参考jQuery的帮助文档所做的测试,如果哪里不对的地方,欢迎指正,谢谢!

你可能感兴趣的:(jquery,数据缓存)