jQuery Mobile 是一個(gè)流行的 JavaScript 庫(kù)，它專為移動(dòng)設(shè)備設(shè)計(jì)。在移動(dòng)設(shè)備上，用戶經(jīng)常使用簡(jiǎn)單直接的操作方式，例如點(diǎn)擊、滑動(dòng)、捏合等等。jQuery Mobile 為這些常用手勢(shì)提供了大量的事件和特性，使得程序開發(fā)變得更加輕松實(shí)現(xiàn)。

其中一個(gè)最棒的特性是模板。模板是簡(jiǎn)單和重要的，可以幫助你更快地創(chuàng)建好看的界面。jQuery Mobile 帶有一組現(xiàn)成的模板，包括彈出窗口、導(dǎo)航欄、對(duì)話框等等。通過使用這些模板，你可以輕松地創(chuàng)建一個(gè)美觀而真實(shí)的移動(dòng)應(yīng)用。

<div data-role="page" id="page-inbox">
<div data-role="header">
<h1>收件箱</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-divider-theme="a" data-inset="true">
<li data-role="list-divider">今天</li>
<li><a href="#">
<h3>會(huì)議安排</h3>
<p>會(huì)議將于下午兩點(diǎn)在會(huì)議室舉行。</p>
<p class="ui-li-aside"><strong>2 hrs</strong> ago</p>
</a></li>
<li><a href="#">
<h3>發(fā)改委新聞</h3>
<p>發(fā)改委最新消息，會(huì)議將于下午兩點(diǎn)在會(huì)議室舉行。</p>
<p class="ui-li-aside"><strong>4 hrs</strong> ago</p>
</a></li>
<li data-role="list-divider">昨天</li>
<li><a href="#">
<h3>博客更新</h3>
<p>我的博客有了一篇新的更新，你可以看看。</p>
<p class="ui-li-aside"><strong>18 hrs</strong> ago</p>
</a></li>
</ul>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="home">主頁(yè)</a></li>
<li><a href="#" data-icon="search">搜索</a></li>
<li><a href="#" data-icon="plus">編寫郵件</a></li>
</ul>
</div>
</div>
</div>

上面的代碼是一個(gè)簡(jiǎn)單的收件箱模板，其中包含了頭部、內(nèi)容和底部。jQuery Mobile 插件將會(huì)使用這個(gè)模板來生成一個(gè)漂亮的界面，而你則可以輕松地添加和刪除郵件。這只是 jQuery Mobile 中眾多模板的其中之一，你可以根據(jù)自己的需求來選擇使用哪一個(gè)。