thisCache = thisCache.data;
}
// 如果data不是undefined，表示传入了data参数，则存储data到name属性上
if ( data !== undefined ) {
// jQuery.camelCase( name )作用是如果传入的是object/function，不做转换，
//只有传入的name是字符串才会转换。所以最终保存下来的是key/value对;
thisCache[ jQuery.camelCase( name ) ] = data;
}
//从这以后下面的代码都是处理data: function( elem, name）data为空，求返回值data的情况了。
if ( isEvents && !thisCache[ name ] ) {
return privateCache.events;
}
// 如果name是字符串，则返回data
// 如果不是，则返回整个存储对象
if ( getByName ) {
// First Try to find as-is property data
ret = thisCache[ name ];
// Test for null|undefined property data
if ( ret == null ) {
// Try to find the camelCased property
ret = thisCache[ jQuery.camelCase( name ) ];
}
} else {
ret = thisCache;
}
return ret;
},
…………
});
请看图
看jQuery.data(element,[key],[value])源代码后可以知道，每一个element都会有自己的一个{key:value}对象保存着数据，所以新建的对象就算有key相同它也不会覆盖原来存在的对象key所对应的value，因为新对象保存是是在另一个{key:value}对象中。
接下来要分析data([key],[value])源代码使用到了each(callback)，在分析它之前先看下each(callback)用法和源代码。
Js代码：
<div id=”test2″ onclick=”test()”>test2</div>
<div id=”abc3″ onclick=”test()”>test3</div>
<div id=”test” onclick=”test()”>test</div>
<p id=”ttt”>aaaa</p>
<script>
$(document).ready(function(){
$(“#test”).click(function(){
alert(“JQUERY”);
var i=0;
$(“#abc3”).each(function() {
alert(++i);//只输出1;因为只有一个<div id=”abc3″>
});
alert(“—-“);
var j=0;
$(“div”).each(function() {
alert(++j);//分别输出1，2，3;因为有三个<div>所以循环三遍
});
});
});
</script>
现在来看each方法的具体实现如下：
jQuery.fn = jQuery.prototype = {
each: function( callback, args ) {
return jQuery.each( this, callback, args );
}
}
可以看到它返回的是全局的each方法，并且将自身jQuery对象做为参数给它，全局的each方法的具体实现如下：
// args 作为内部成员的调用来使用
each: function( object, callback, args ) {
var name, i = 0, length = object.length; // 当object为jQuery对象时，length非空
if ( args ) {
if ( length === undefined ) {
