列表

<ol data-role="listview">
        <li><a ...</a></li>
</ol>
data-inset属性："true"，则会是圆角，不与屏幕同宽
可以加入图片和说明，在<li>中，添加<img>和<p>
可以拆分按钮列表（split button list），可在前面的内容后面，加入<a href="#taking" data-icon="gear"></a>

计数泡泡（count bubble）
<span class="ui-li-count">12</span>

网页导航与布景主题

只要在链接元素中加入下面任意一个属性，都可以停用Ajax：
rel="external"   或 data-ajax="false"


<a data-rel="back">回上页</a>   

data-rel="dialog" 表示弹出新窗口链接网页

ThemeRoller快速应用布景主题  http://jquerymobile.com/themeroller
记住：要将themes文件夹复制到网页所在的文件夹

themes文件夹中包含要引用的mytheme.min.css文件，以及未压缩的mytheme.css文件
以后想要再次修改这个CSS文件，只要回到ThemeRoller网站，import按钮，粘贴mytheme.css文件的内容，就可以了。

做好的样式，只要使用data-theme="a"即可：
<div data-role="page" data-title="课程" id="first" data-theme="a">
.......
</div>
若还有其他主题b、c，也可以替换

页面事件

初始化事件（Page Initialization）
外部页面加载事件（Page Load）
页面切换事件（page Transition）

操作方法：   $(document).on(事件名称 , 选择器 ， 事件处理函数）;

$(document).on("mobileinit", function(){
    // sentences
});

$("#btn_on").on('click', function(){
         alert("你单击了")
});
on()方法和one()方法的区别，one方法只能执行一次。