使用HTML5的自定义数据*属性和jQuery的数据（）方法的一个示例

人们总是喜欢在HTML标记中添加自定义属性来存储和操作数据，但问题是您不知道将来是否还有其他脚本来重置您的自定义属性。此外，如果这样做，它也会导致HTML语法与HTML规范和其他一些副作用不一致，这就是为什么在HTML5规范中添加自定义数据属性的原因，您可以用它来做很多有用的事情。

您可以阅读HTML5的详细规范，但数据自定义属性的用法非常简单，就是您可以在标签的开头添加到HTML属性，这些属性不显示在页面上，它不会影响您的页面布局和样式，但它是可读写的。

下面的代码片段是一个有效的HTML5标记：
复制代码代码如下所示：
>真棒
数据不存在=3e4ae6c4e>一些可怕的数据

但是你怎么读数据呢当然，你可以通过页面元素，你想看的属性，但jQuery已经建立了一个内置的方法来操纵这些属性。使用。数据（）方法来访问这些jQuery的数据*性质的一个方法是，数据（obj），该jquery1.4.3版本后出现的，它可以返回相应的数据属性。

例如，你可以用下面的方法读写数据的一个属性值：
复制代码代码如下所示：
无功不存在= jQuery（#真棒）数据（'myid）；
console.log（个）；

例如，如果你写下HTML，你也可以在数据属性中使用JSON语法：
复制代码代码如下所示：

您可以直接通过js访问这些数据，并且通过JSON的键值，可以得到相应的值：
复制代码代码如下所示：
VaR游戏的地位= jQuery（#真棒JSON）。数据（'awesome游戏）；
console.log（游戏的地位）；

您还可以直接通过数据（key，value）方法将值赋给数据- *属性。您应该注意的一个重要事项是，这些数据属性应该与它们所包含的元素相关。不要把它当作存储任何东西的存储工具。

补充：虽然数据*的性质是HTML5的出现，但是jQuery是普遍的，所以在非HTML5页面或浏览器，你仍然可以使用。数据（obj）来操作数据-数据的方法。