很多做web开发的小伙伴，不知道怎么使用HTML5的data属性，下面小编就将操作方法演示给大家，供大家参考学习！
工具/原料
电脑：win7，64位
软件：HbuilderX
方法/步骤
1、打开开发工具，新建一个HTML文件（为了方便给大家演示）
2、在HTML标签上设置data属性：语法：data-*
3、使用原生JS获取自定义数据属性的值方法：.getAttribute()例子：document.g娣定撰钠etElem髫潋啜缅entById("demo1").getAttribute("data-num")
4、打开浏览器开发者工具，点击【console】可以看到我成功的获取到data的值了
5、使用jquery获取自定义数据属性的值方法：.attr()或.data()例子：vara咯悝滩镞=$("#demo1").attr(&qu泠贾高框ot;data-type");varb=$("#demo2").data("type");
6、打开浏览器开发者工具，点击console查看获取情况：
方法总结：
1、锪者谧桁新建一个HTML文件在HTML标签上设置data属性使用原生JS：getAttribute()方法获取自定义数据属性的苒锃巳伢值使用jquery方法：attr()或data()获取自定义数据属性的值打开浏览器开发者工具检查获取情况