jQuery Mobile 是一個基于 HTML5 的移動應用框架，它讓開發人員可以快速地構建出高度可定制的移動web應用程序。它包含了各種可定制化的主題，讓用戶可以輕松地創建自己的應用，并為其添加動畫效果和交互功能。以下是 jQuery Mobile 范例中的一些示例代碼。

<!-- 創建一個頁面 -->
<div data-role="page">
<!-- 創建一個頭部欄 -->
<div data-role="header">
<h1>我是頭部欄</h1>
</div>
<!-- 創建內容區域 -->
<div data-role="content">
<p>請在這里添加內容。</p>
</div>
<!-- 創建頁腳 -->
<div data-role="footer">
<h1>我是頁腳</h1>
</div>
</div>

上述代碼用于創建一個包含了頭部欄、內容區域和頁腳的頁面。其中 `data-role` 屬性表示這些元素的角色，它們分別是 `header`、 `content` 和 `footer`。通過這些元素，我們可以為頁面添加各種不同的組件，比如菜單、按鈕、輸入框等等。以下是一些范例代碼。

<!-- 創建一個菜單 -->
<div data-role="navbar">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">聯系我們</a></li>
<li><a href="#">關于我們</a></li>
</ul>
</div>
<!-- 創建一個按鈕 -->
<a href="#" data-role="button" data-icon="plus">我是一個按鈕</a>
<!-- 創建一個輸入框 -->
<label for="myInput">請輸入文本:</label>
<input type="text" name="myInput" id="myInput" value="">

通過以上范例，我們可以看出 jQuery Mobile 是一個高度可定制的框架，它允許用戶根據自己的需要，快速地創建自己的移動應用程序。同時，使用 jQuery Mobile 也非常簡單，只要按照文檔中的說明，按需引入相關樣式和腳本，就可以輕松地構建出高質量的移動應用程序。