Jquery 中的缓存 removeData([name|list]) 函数

评论(0)

有了存放缓存就要有清除缓存的功能,当然,如果你的页面数据量不大的话,或者你的缓存数据量很小的话,完全可以对删除缓存这个功能置之不理,因为没人会在乎那么一点性能损耗的。当然我们往往会出于想要更新缓存内容等原因想要删除在 DOM 元素的缓存数据,Jquery 为我们提供了另一函数removeData([name|list])。

函数的意义

removeData([name|list])函数就是删除指定DOM中的缓存。

removeData函数的用法

以下内容需要引用中的例子出自: 《Jquery 中的缓存 data([key],[value])》

// HTML 代码 : 
<div class="traget"> 123 </div>
 
// JS 代码 :
var msg = "456";
$(".traget").data("cache",msg);
//此时 bool ($(".traget").data("cache")) 判断结果为TRUE
 
 
//删除缓存的操作 :
$(".traget").removeData("cache")
//此时 bool ($(".traget").data("cache")) 判断结果为FALSE

用处

这样我们想要更新缓存的时候就可以通过 removeData 函数删除缓存,程序就再进行真假判断时就会找不到缓存信息再去获取内容。

总结

值得一提的是,Jquery 缓存是否存在的检测可以直接根据其值真假做判断,而 Jquery 元素却不可以。
详情请参考 : 《Jquery 中判断元素是否存在》
在Jquery的缓存函数索引里面还有一个 jQueryjQuery.data(element,[key],[value]) 函数 ,个人感觉和 data([key],[value]) 函数功能上是一样的,虽然是一个底层实现,但不想ajax方法那样会有别的玩法,所以就此略过。