<a href="javascript:void(0);" onclick="showInfoByName(this.innerHTML);">Tom</a><br/>
<a href="javascript:void(0);" onclick="showInfoByName(this.innerHTML);">Mike</a>
<script type="text/javascript">
var userInfo = [
{
"name": "Tom",
"age": 21,
"phone": "020-12345678"
},
{
"name": "Mike",
"age": 23,
"phone": "020-87654321"
}];
function getDataByName(name)
{
for (var i in userInfo)
{
if (userInfo[i].name == name)
{
return userInfo[i];
break;
}
}
}
function showInfoByName(name)
{
var info = getDataByName(name);
alert('name:' + info.name + '/n' + 'age:' + info.age + '/n' + 'phone:' + info.phone);
}
</script>
<a href="javascript:void(0);" onclick="showInfoByName(this.innerHTML);">Tom</a><br/>
<a href="javascript:void(0);" onclick="showInfoByName(this.innerHTML);">Mike</a>
<script type="text/javascript">
var userInfo =
{
"Tom":
{
"name": "Tom",
"age": 21,
"phone": "020-12345678"
},
"Mike":
{
"name": "Mike",
"age": 23,
"phone": "020-87654321"
}
};
function showInfoByName(name)
{
var info = userInfo[name];
alert('name:' + info.name + '/n' + 'age:' + info.age + '/n' + 'phone:' + info.phone);
}
</script>
<div id="div1">div1</div><br/>
<div id="div2">div2</div>
<script type="text/javascript">
//cache對象結構像這樣{"uuid1":{"name1":value1,"name2":value2},"uuid2":{"name1":value1,"name2":value2}}，每個uuid對應一個elem緩存數(shù)據(jù)，每個緩存對象是可以由多個name/value對組成的，而value是可以是任何數(shù)據(jù)類型的，比如可以像這樣在elem下存一個JSON片段:$(elem).data('JSON':{"name":"Tom","age":23})
var cache = {};
//expando作為elem一個新加屬性，為了防止與用戶自己定義的產生沖突，這里采用可變后綴
var expando = 'jQuery' + new Date().getTime();
var uuid = 0;
function data(elem, name, data)
{
//至少保證要有elem和name兩個參數(shù)才能進行取緩存或設置緩存操作
if (elem && name)
{
//嘗試取elem標簽expando屬性
var id = elem[expando];
if (data)
{
//設置緩存數(shù)據(jù)
if (!id)
id = elem[expando] = ++uuid;
//如果cache中id鍵對象不存在（即這個elem沒有設置過數(shù)據(jù)緩存），先創(chuàng)建一個空對象
if (!cache[id])
cache[id] = {};
cache[id][name] = data;
}
else
{
//獲取緩存數(shù)據(jù)
if (!id)
return 'Not set cache!';
else
return cache[id][name];
}
}
}
var div = document.getElementById('div1');
data(div, "tagName", "div");
data(div, "ID", "div1");
alert(data(div, "tagName")); //div
alert(data(div, "ID")); //div1
var div2 = document.getElementById('div2');
alert(data(div2, "tagName")); //Not set cache!
</script>
