javascript - remove - jquery data val

¿Dónde se almacena jQuery.data()?

Question

¿Dónde almacena jQuery los valores de los data() que establece en los objetos DOM?

¿Hay algún tipo de variable como jQuery.dataDb o algo así, tal vez incluso algo privado?

¿Hay alguna manera de acceder a este objeto?

Answer 1

Internamente, jQuery crea un objeto vacío llamado $.cache , que se utiliza para almacenar los valores que establece a través del método de datos. A cada elemento DOM al que agrega datos, se le asigna una ID única que se usa como clave en el objeto $.cache .

Answer 2

Ok, lo he descubierto.

jQuery.expando contiene una cadena que se agrega a cada elemento que es jQuery + new Date()

HTMLElement[jQuery.expando] contiene la clave de los data ese elemento

jQuery.cache[HTMLElement[$.expando]] contiene los data del elemento

Aquí hay una demo.

Answer 3

jQuery obtiene o establece datos de 3 formas diferentes para 3 tipos diferentes de objetos.

Para el elemento DOM, jQuery primero obtiene un ID único, que crea una propiedad personalizada para el elemento llamado 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;
}

Por otro lado, jQuery tiene un objeto $ .cache que almacena el mapa de datos para cada elemento, jQuery busca $ .cache expando y obtiene un mapa de datos para cierto elemento, obteniendo o configurando datos en ese mapa:

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;
    }
}

Para el objeto personalizado (que no es un elemento DOM o un objeto de ventana), jQuery establece directamente u obtiene una propiedad de ese objeto por su nombre:

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;
    }
}

Por último, para el objeto de ventana especial, jQuery tiene una variable especial windowData en cierre para almacenar datos para ventana:

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