.data() vs localStorage
.data() is session-only, element-bound, and lost on page reload. localStorage persists across sessions and is accessible globally.
jQuery
Intermediate
3 min read
.data() vs localStorage
Example
// .data(): lives as long as the element, any type
$("#modal").data("lastTab", "settings");
// localStorage: persists across page reloads, strings only
localStorage.setItem("theme", "dark");
const theme = localStorage.getItem("theme");
// JSON.stringify/parse for objects:
localStorage.setItem("user", JSON.stringify({ id: 1, name: "Alice" }));
const user = JSON.parse(localStorage.getItem("user")); Pro Tip
Use .data() for runtime UI state; localStorage for preferences that should survive reloads.