jQuery.data() 存储在哪里？

Question

jQuery 将设置为 DOM 对象的 data() 值存储在哪里？

是否有某种变量，例如 jQuery.dataDb 或其他变量，甚至可能是私有变量？

有什么办法可以访问这个对象吗？

Answer 1

在内部，jQuery 创建一个名为 $.cache 的空对象，用于存储您通过 data 方法设置的值。您添加数据的每个 DOM 元素都会被分配一个唯一的 ID，该 ID 用作 $.cache 对象中的键。

Answer 2

jQuery 以 3 种不同的方式为 3 种不同类型的对象获取或设置数据。

对于 DOM 元素，jQuery 首先获取一个唯一的 id，然后为元素创建一个名为 expando 的自定义属性：

var counter = 0;
function uid() {
    // only example
    return 'jQuery' + counter;
}
function getExpando(element) {
    var expando = element['jQueryExpando'];
    // for those without expando, create one
    if (!expando) {
        expando = element['jQueryExpando'] = uid();
    }
    return expando;
}

另一方面，jQuery 有一个 $.cache 对象，它存储每个元素的数据映射，jQuery 搜索$.cache by Expando 并获取某个元素的数据映射，获取或设置该映射中的数据：

function data(element, name, value) {
    var expando = getExpando(element);
    var map = $.cache[expando];

    // get data
    if (value === undefined) {
        return map && map[name];
    }
    // set data
    else {
        // for those without any data, create a pure map
        if (!map) {
            map = $.cache[expando] = {};
        }
        map[name] = value;
        return value;
    }
}

对于自定义对象（不是 DOM 元素或窗口对象），jQuery 直接通过名称从该对象设置或获取属性

function data(obj, name, value) {
    if (!obj) {
        return obj;
    }
    // get data
    if (value === undefined) {
        return obj[name];
    }
    // set data
    else {
        obj[name] = value;
        return value;
    }
}

：最后，对于特殊的窗口对象，jQuery 在闭包中有一个特殊的 windowData 变量来存储窗口的数据：

function data(obj, name, value) {
    if ($.isWindow(obj)) {
        obj = windowData;
    }
    // same as data for custom object
}

Answer 3

好吧，我想通了。

jQuery.expando 包含附加到每个元素的字符串，即 jQuery + new Date()

HTMLElement[jQuery.expando] 包含该元素的 data

jQuery.cache[HTMLElement[$.expando]] 包含元素

这是一个演示