首页 > 代码库 > 简单模拟 jQuery data函数
简单模拟 jQuery data函数
通过给元素分配一个属性 data + 时间戳，确定是否有缓存，再根据 data 的全局 id 值 存储/获取 缓存的数据
html：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <div id="abc1"> aaa </div> <div id="abc2"> bbbb </div> <div id="abc3"> ccc </div> </body> </html>
javascript：
(function(){
var cache = {},
uuid = 0,
timestamp = (new Date).getTime();
function appendData(elem, attrName, data){
var uid = elem[‘data‘+timestamp];
if(uid === undefined){
++uuid;
elem[‘data‘+timestamp] = uuid;
cache[uuid] = {};
cache[uuid][attrName] = data;
return data;
}else{
return cache[uuid][attrName];
}
}
window.appendData = appendData;
})();
window.onload = function(){
var e1 = document.getElementById(‘abc1‘);
appendData(e1,‘opts‘, {a:"abc",b:"123"});
debugger;
console.log(appendData(e1,‘opts‘));
};
简单模拟 jQuery data函数
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。