1. 使用 CDN 引入 jQuery Mobile
通过使用 CDN，你可以直接在你的 HTML 文件中引入 jQuery Mobile 的库文件，而无需下载或管理本地文件。以下是使用 CDN 的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My jQuery Mobile App</title>
<!-- 引入 jQuery 核心库 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<!-- 引入 jQuery Mobile 样式表 -->
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- 引入 jQuery Mobile 脚本文件 -->
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
2. 下载并本地引入 jQuery Mobile
如果你希望下载 jQuery Mobile 并本地引入，可以按照以下步骤操作：
- 下载： 访问 jQuery Mobile 的[官方下载页面](https://jquerymobile.com/download/)，选择所需的版本和组件，然后下载压缩包（zip 文件）。
- 解压： 将下载的压缩包解压缩到你的项目文件夹中。
- 引入文件： 在你的 HTML 文件中引入 jQuery 核心库、jQuery Mobile 样式表和脚本文件。确保路径正确指向解压后的文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My jQuery Mobile App</title>
<!-- 引入 jQuery 核心库 -->
<script src="path/to/jquery-3.6.4.min.js"></script>
<!-- 引入 jQuery Mobile 样式表 -->
<link rel="stylesheet" href="path/to/jquery.mobile-1.4.5.min.css">
<!-- 引入 jQuery Mobile 脚本文件 -->
<script src="path/to/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
确保将 path/to/ 替换为实际的文件路径。
使用其中一种方法引入 jQuery Mobile 后，你就可以开始构建基于 jQuery Mobile 的移动应用。根据需要添加页面、组件和事件处理来定制你的应用。详细的使用方法和组件说明可以参考[官方文档](https://demos.jquerymobile.com/1.4.5/)。
转载请注明出处：http://www.pingtaimeng.com/article/detail/9417/jQuery Mobile