看jQuery Mobile相关方面的东西，看了几天，发现，其实除了里边默认的图标、主题、以及点击后跳转的效果之外，其他的东西，和普通的html页面一样。

jQuery Mobile注意事项：

1、新的页面开始，标注：data-role=“page”

2、页面中的角色：data-role=“header”，其中的header、footer、navbar等，对应的css中，均为：ui-header、ui-footer、ui-navbar等。

3、页面中的图标，若想要自定义图标，则需要定义一个其他的data-icon的值，例如：页面中就可以这样写 data-icon="send-msg"，css文件中，需要我们定义：ui-icon-send-msg{ background:url(../images/msg16.png);}

     相当于ui-icon-加上你指定的data-icon就是对应css中的class值。

4、页面链接同html一样。

5、其他的样式修改，就很繁琐了，需要多次检查，因为一个地方的样式修改可能会牵扯很多地方的变动。

jQuery Mobile+Html5开发手机端网站感想与总结-（初）