请知悉：本文最近一次更新为 9个月 前，文中内容可能已经过时。
嗯，都2025年了还用jQuery，确实有些老派了，但是很多时候，快速高效解决问题才是核心，用什么方法工具并不重要。
大概说下背景，以前获取属性都是用attr的，最近一个脚本发生了常见的undefined的报错，于是问了下DeepSeek是否有优化方案。其中有一条提到data方法的。
虽然吧，我没用上这个方法，但是翻了下官方文档，觉得还蛮有趣的，就整理下吧：
<div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div>
// 获取 data-* 属性
var role = $("div").data("role"); // "page"
var options = $("div").data("options"); // { name: "John" }
// 设置数据
$("div").data("newValue", "123"); // 设置一个新值
var newValue = $("div").data("newValue"); // "123"
data() 方法：专门用于访问和操作 data-* 属性，适合处理 HTML5 的自定义数据。
参考资料
如您从本文得到了有价值的信息或帮助，请考虑扫描下方二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。