jQuery 学习手册

免费学习 完整知识体系 快速检索 jQuery 3.7+

jQuery 学习手册《数据缓存 (data, removeData)》:在元素上存储任意数据。 // 存储数据 $('div').data('key', 'value'); var val = $('div').data('key'); // 存储对象 $('div').data('config', { n...

DOM 操作

数据缓存 (data, removeData)

【详细说明 & 代码示例】
在元素上存储任意数据。
// 存储数据
$('div').data('key', 'value');
var val = $('div').data('key');

// 存储对象
$('div').data('config', { name: 'test', size: 10 });

// 读取 HTML5 data-* 属性
// <div data-role="admin"></div>
var role = $('div').data('role'); // 'admin'

// 删除数据
$('div').removeData('key');

学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。

全部章节目录(共 50 个知识点)

使用说明

  • • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在浏览器控制台或在线编辑器中运行示例代码