jQuery Mobile 是一款移動端開發框架，其中包含了許多 UI 組件，可以幫助開發者輕松實現完整的應用程序。接下來，我們來嘗試使用 jQuery Mobile 進行一些實驗。

首先，我們需要引入 jQuery 以及 jQuery Mobile 的庫文件：

<!-- 引入 jQuery 庫文件 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 引入 jQuery Mobile 庫文件 -->
<link rel="stylesheet" >
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

接下來，我們可以通過使用 jQuery Mobile 的 UI 組件來構建界面。比如，下面的代碼可以創建一個基本的頁面：

<div data-role="page">
<div data-role="header">
<h1>歡迎來到我的網站！</h1>
</div>
<div data-role="content">
<p>這是一個 jQuery Mobile 實驗頁面。</p>
</div>
<div data-role="footer">
<h4>版權所有 ? 2021</h4>
</div>
</div>

在這個示例中，我們使用了data-role屬性來定義頁面的不同部分：頭部、內容和底部。同時，還可以看到 jQuery Mobile 的一些默認樣式，比如頁面上下的邊距。

除此之外，jQuery Mobile 還提供了許多不同的 UI 組件，例如按鈕、列表、表單等等。接下來，我們來嘗試一下使用按鈕組件：

<div data-role="page">
<div data-role="header">
<h1>按鈕組件實驗</h1>
</div>
<div data-role="content">
<a href="#" data-role="button">默認按鈕</a>
<a href="#" data-role="button" data-theme="b">藍色按鈕</a>
<a href="#" data-role="button" data-theme="a">綠色按鈕</a>
</div>
<div data-role="footer">
<h4>版權所有 ? 2021</h4>
</div>
</div>

在這個示例中，我們使用了data-role="button"屬性來創建按鈕。同時，還可以使用data-theme設置不同的顏色主題。

通過以上的實驗，我們可以看到 jQuery Mobile 的一些基礎用法，這些組件可以幫助我們在移動端開發中快速搭建應用程序。