jQuery Mobile 是一個移動端UI框架，它基于 jQuery，開發者可以很方便地構建跨平臺的移動應用。在本文中，我們將介紹如何使用 jQuery Mobile。

首先，你需要在你的項目中引入 jQuery 和 jQuery Mobile 的庫文件：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css">
<script src="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>

一旦庫文件被引入，你就可以開始利用 jQuery Mobile 構建移動應用。例如，你可以使用 data-role 屬性來定義一個元素的角色：

<div data-role="page">
<h1>歡迎來到我的網站！</h1>
<p data-role="header">這是我的頭部。</p>
<p data-role="content">這是我的內容。</p>
<p data-role="footer">這是我的頁腳。</p>
</div>

在上面的示例中，我們定義了一個頁面元素，并在頁面元素中使用了不同的角色，如 header、content 和 footer。jQuery Mobile 將使用這些角色來自動為元素應用樣式和行為。

除了定義元素的角色，你還可以使用 data-theme 屬性來定義元素的主題。例如：

<p data-role="header" data-theme="b">這是我的頭部。</p>

在上面的代碼中，我們為頭部元素指定了主題 b。

最后，還有一些其他的 jQuery Mobile 插件和功能可供使用，例如頁面轉換和導航、數據列表、表單和對話框等。你可以訪問 jQuery Mobile 官方網站來查看更多詳細的信息。