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

2024-02-10 15:05| 来源: 网络整理| 查看: 265

我们经常使用隐藏控件或者是js全局变量来临时存储数据，全局变量容易导致命名污染，隐藏控件导致经常读写dom浪费性能。jQuery提供了自己的数据缓存方案，能够达到和隐藏控件、全局变量相同的效果，但是jQuery实现方式更优雅。为了更好地使用jQuery数据缓存方案，我们需要掌握$.data()、$.cache、$.expando、$.hasData()、$.removeData()。

$.hasData()用来判断某个对象是否有附加的属性，可以给任何javascript对象和HTMLElement对象附加属性。$.data()用来读取或者修改属性值。$.removeData()用来删除已经添加的属性，这是为了释放内存，避免过多无用属性浪费内存。

var myObj = {}; // hasData用来判断HTMLElement或JS对象是否具有数据 console.log(jQuery.hasData($("#a")));// false // data()添加属性 $.data(myObj, 'name', 'aty'); console.log(jQuery.hasData(myObj));// true // data()读取属性 console.log($.data(myObj, 'name'));//aty // removeData删除属性 $.removeData(myObj, 'name'); console.log($.data(myObj, 'name'));//undefined // 如果所有属性都被删除,那么hasData返回false console.log(jQue

【本文地址】

公司简介

联系我们