Se, per un motivo o un altro, si ha bisogno di archiviare temporaneamente i dati, jQuery ha un metodo .data() per la memorizzazione i dati nel DOM. Questo sistema è preferibile da altri come quando si vuole manipolare i valori del attributo "rel" o "alt" che spesso si leggono su alcuni tutorial ed esempi su diversi blog.

Valore assegnato all'id

Per esempio se si ha due elementi il primo con l’id "foo" e il secondo con l’id "bar" è possibile impostare i dati con il nome "frutta" e i valore "mela" per l’elemento con l’id #foo e il valore "banana" per l’elemento con l’id #bar in questo modo:
[code lang=”javascript”] $(‘#foo’).data(‘frutta’, ‘mela’);
$(‘#bar’).data(‘frutta’, ‘banana’);
[/code]
Per recuperare il valore in un secondo momento chiamare il metodo .data() passandogli il nome come argomento. I questo esempio per visualizzare il valore viene utilizzata una finestra di avviso con alert():
[code lang=”javascript”] alert($(‘#foo’).data(‘frutta’));
[/code]
Valore assegnato al BODY
Se, invece, non si desidera assegnare i dati a un particolare elemento si può sempre assegnare i dati nel BODY della pagina:
[code lang=”javascript”] $(‘body’).data(‘frutta’, ‘mela’);
alert($(‘body’).data(‘frutta’) );
[/code]