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" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<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 的一些基础用法，这些组件可以帮助我们在移动端开发中快速搭建应用程序。