jQuery Mobile 是一个 HTML5 风格的前端框架，它允许开发者快速创建符合移动设备的网页应用程序。本文将介绍 jQuery Mobile 的一些基础知识。
首先，为了使用 jQuery Mobile，你需要引入它的库文件。可以在官网下载最新版本的库文件：
<head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.5.0/jquery.mobile-1.5.0.min.css"> <script src="https://code.jquery.com/mobile/1.5.0/jquery.mobile-1.5.0.min.js"></script> </head>
上述代码将分别引入 jQuery、jQuery Mobile 的样式文件和 JavaScript 文件。
接下来，我们可以创建一个简单的页面。在 HTML 文件中创建一个空的 <body> 标签，然后在其中添加以下代码：
<div data-role="page"> <div data-role="header"> <h1>欢迎访问 jQuery Mobile 教程</h1> </div> <div data-role="main" class="ui-content"> <p>这是一篇关于 jQuery Mobile 的教程。</p> </div> <div data-role="footer"> <h4>版权所有 © 2021 jQuery Mobile 教程</h4> </div> </div>
上述代码中，我们创建了一个页面，其中包含有页眉、正文和页脚三个部分，并指定了样式。
最后，我们需要使用 JavaScript 代码来初始化页面：
<script>
$(document).ready(function(){
$("[data-role='page']").trigger("create");
});
</script>上述代码将会在页面加载完成后，将页面元素初始化为 jQuery Mobile 的样式，并使其具备移动设备的响应式布局。
以上就是关于 jQuery Mobile 的简单介绍，如果你想深入学习 jQuery Mobile，可以访问官网获取更多资源。