最近做项目，在 HTML 标签里面使用 data-* 的形式缓存信息时，遇到了之前一直没碰到的问题，就重新了解了下 data 的机制。现在整理一下，以供之后参考。使用 jQuery 的data(name)和attr(name)的区别是：attr 取值，取的是 DOM 节点中的属性值，写在 HTML 标签里，变动会体现在标签里； data 取值之后会放入 jQuery 元素对象的缓存 ( data
问题：jquery data 方法在未缓存过时会从html5的data-*属性获取值，但属性值会转换类型再输出。这会导致一些业务下如果用data-*存入纯数字的字符串key时，再用data取出时会导致类型变化。举例：<div id="test" data-id="20220321">test</div>console.log($('#test').data('id'));
