摘要:可能大家在使用jquery mobile时,经常会看到data-role、data-theme等的使用,比如:通过如下代码即可实现页眉的效果:

脚本宝典收集整理的这篇文章主要介绍了

html5教程-HTML5自定义data属性

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

可能大家在使用jquery mobile时,经常会看到data-role、data-theme等的使用,比如:通过如下代码即可实现页眉的效果:

[html]?

?
???

我是标题

?
?
?
为什么写一个data-role="header"就能实现底部为黑色、文字居中显示的效果呢?

本文提供一种最简单的实现办法,让大家对这些用法有个直观的了解。

我们写一个html页面,自定义一个data-chb="header"的属性,希望具备这个属性的p区域背景颜色为黑色,文字为白色,居中显示;不具备data-chb自定义属性的p按照默认方式显示,html代码如下:

[html]
?
?

?
???

我是使用了data-chb自定义属性的p

?
?

?
?
?
?

?
??? 我没有使用data-chb自定义属性,该怎么展现就怎么展现;?
?

?