jQuery Mobile 是一個 HTML5 風格的前端框架，它允許開發(fā)者快速創(chuàng)建符合移動設備的網頁應用程序。本文將介紹 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 文件。
接下來，我們可以創(chuàng)建一個簡單的頁面。在 HTML 文件中創(chuàng)建一個空的 <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>
上述代碼中，我們創(chuàng)建了一個頁面，其中包含有頁眉、正文和頁腳三個部分，并指定了樣式。
最后，我們需要使用 JavaScript 代碼來初始化頁面：
<script>
$(document).ready(function(){
$("[data-role='page']").trigger("create");
});
</script>上述代碼將會在頁面加載完成后，將頁面元素初始化為 jQuery Mobile 的樣式，并使其具備移動設備的響應式布局。
以上就是關于 jQuery Mobile 的簡單介紹，如果你想深入學習 jQuery Mobile，可以訪問官網獲取更多資源。