html5的data类型，h5 data属性

jQuery中使用data()方法读取HTML5自定义属性data-*实例

1、key，value ).data(obj ).data(key ).data()从jQuery 3起，HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。

2、使用 HTML5 的 data-* 属性的话，获取元素后直接访问 dataset.属性名称 即可，dataset 的类型为 DOMStringMap {}，一个 MAP 对象，仍是 key / value 式的对象，使用上比较方便。

3、两种方法 ①使用attr方法获得data-*的值 $(this).attr(data-id)；② $(this).data(id) data-* 都可以使用 $(this).data( * )；获取，比如 data-cat ，使用$(this).data(cat)获取。

4、dataset属性的值是DOMStringMap的一个实例，名值对的映射。每个data-name形式的属性都有一个对应的属性，只不过该属性名没有data-前缀。兼容性：需要注意的是，dataset中大小写的问题。

相关问答

Q1: HTML5的data-*自定义属性是什么

1、HTML5的data-*自定义属性HTML5增加了一项新功能是自定义数据属性，也就是data-*自定义属性。在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。

2、【推荐课程：HTML5课程】data-* 属性的含义data-* 属性用于存储页面或应用程序的私有自定义数据是所有HTML元素上自定义data属性，它存储的数据能够被JavaScript所利用，可以创建更好的用户体验。

3、html5中的data-*属性，data-src data-position data-size都是自定义属性，用来存储数据。如游戏中的生命值，魔法量，攻击力，后缀名自定义。

Q2: 如何自动获取HTML5的data-*属性示例代码详解

使用 HTML5 的 data-* 属性的话，获取元素后直接访问 dataset.属性名称 即可，dataset 的类型为 DOMStringMap {}，一个 MAP 对象，仍是 key / value 式的对象，使用上比较方便。

.data(key ).data()从jQuery 3起，HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。

在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。目前采取这样的做法的框架也有很多，最常见的当属jQueryMobile。

当然，任何的标签元素里面可以随意的加上任何自定义属性，也可以获取他们的值，但没有这个来的灵活。我们先来看一下随意的属性存储数据吧。

关于html5的data类型和h5 data属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。