Question

HTML5里的data-*是用来做什么的？

data-* 属性用于存储页面或应用程序的私有自定义数据。
data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。
data-* 属性包括两部分：
属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
属性值可以是任意字符串
注释：用户代理会完全忽略前缀为 "data-" 的自定义属性。

【问题：data-*可以被JS利用，但是利用它的目的是什么，用获取到的值来做什么，我刚接触它那么再我平时写网页的时候怎么能使它变的对我有用？】

Answer 1

那个其实不属于正规的HTML属性，是jquery这个库专门用来寻址的一种自定属性，其他库也有类似的这种；利用它的目的是库自定义的属性，所以可以在库中更方便的区分其他HTML自带的属性，用获得的值来做的事情很多，比如data-target=id2，可以取得id2这个相关联的DOM元素

追问

你好，能烦请你具体解释下做的目的，我平常都用JQuery的
都可以做些什么事情呢？

“用获得的值来做的事情很多，比如data-target=id2，可以取得id2这个相关联的DOM元素”

追答

比如jquery里面的弹窗，点击按钮就会在下面弹个小的导航栏出来。它里面就有data-target=弹窗的ID，你读一下jquery的源代码之类的书就清楚了，我都说得很直白了