最近做项目，在 HTML 标签里面使用 data-* 的形式缓存信息时，遇到了之前一直没碰到的问题，就重新了解了下 data 的机制。现在整理一下，以供之后参考。使用 jQuery 的data(name)和attr(name)的区别是：attr 取值，取的是 DOM 节点中的属性值，写在 HTML 标签里，变动会体现在标签里； data 取值之后会放入 jQuery 元素对象的缓存 ( data
Simply, the specification forcustom data attributesstates that any attribute that starts with "data-" will be treated as a storage area for private data (private in the sense that the end user can't see it - it doesn't affect layout or presentation).This allows you to writevalidHTM
