JQuery数据缓存-data()

【前言】

今天做项目用到了数据缓存，所以来总结一下。

【Why】

如果不用数据缓存的话，每次的读取数据都要从服务器上读取，速度回比较慢。若用了数据缓存，第一次从服务器上读取，缓存起来，以后在读取这些数据，就从缓存里面读取，速度快了许多。

【How】

今天接触到了JQuery的data()方法，感觉很好用。

data()方法向被选元素附加数据，或者从被选元素获取数据。

向被选元素中附加数据：

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});

获取被选元素的数据：

$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

例子：

【总结】

从这次中获得了很多的知识和解决问题的办法。

推荐几篇优秀的博客：

http://www.w3school.com.cn/jquery/data_data.asp

JQuery缓存数据

jQuery数据缓存方案详解：$.data()的使用