本文介绍了HTML5中的data属性，用于自定义数据存储，并通过jQuery的.data()方法进行读取和设置。示例展示了如何使用data-role和data-theme创建特定样式，以及如何动态添加和访问data属性。
可能大家在使用jquery mobile时，经常会看到data-role、data-theme等的使用，这些都是HTML5自定义属性,本文整理一些，需要的朋友可以参考下
<div data-role="header">
<h1>我是标题</h1>
</div> 通过手机浏览，效果如下：
为什么写一个data-role="header"就能实现底部为黑色、文字居中显示的效果呢？
本文提供一种最简单的实现办法，让大家对这些用法有个直观的了解。
我们写一个html页面，自定义一个data-chb="header"的属性，希望具备这个属性的div区域背景颜色为黑色，文字为白色，居中显示；不具备data-chb自定义属性的div按照默认方式显示，html代码如下：
<body>
<div data-chb="header">
<h1>我是使用了data-chb自定义属性的div</h1>
</div>
<br/>
<div>
我没有使用data-chb自定义属性，该怎么展现就怎么展现
最低0.47元/天 解锁文章
扫一扫
996
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
