jQuery Mobile 是一個流行的 JavaScript 庫，它專為移動設備設計。在移動設備上，用戶經常使用簡單直接的操作方式，例如點擊、滑動、捏合等等。jQuery Mobile 為這些常用手勢提供了大量的事件和特性，使得程序開發變得更加輕松實現。

其中一個最棒的特性是模板。模板是簡單和重要的，可以幫助你更快地創建好看的界面。jQuery Mobile 帶有一組現成的模板，包括彈出窗口、導航欄、對話框等等。通過使用這些模板，你可以輕松地創建一個美觀而真實的移動應用。

<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>會議安排</h3>
<p>會議將于下午兩點在會議室舉行。</p>
<p class="ui-li-aside"><strong>2 hrs</strong> ago</p>
</a></li>
<li><a href="#">
<h3>發改委新聞</h3>
<p>發改委最新消息，會議將于下午兩點在會議室舉行。</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">主頁</a></li>
<li><a href="#" data-icon="search">搜索</a></li>
<li><a href="#" data-icon="plus">編寫郵件</a></li>
</ul>
</div>
</div>
</div>

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