jQuery Mobile是一款基于jQuery的移動(dòng)端Web應(yīng)用程序開(kāi)發(fā)框架。它可以讓開(kāi)發(fā)者輕松地創(chuàng)建出兼容不同移動(dòng)設(shè)備和操作系統(tǒng)的Web應(yīng)用程序。下面是一個(gè)簡(jiǎn)單的jQuery Mobile代碼示例，用于創(chuàng)建一個(gè)基本的頁(yè)面框架。

首先，需要引入jQuery和jQuery Mobile的庫(kù)文件：

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" >
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

然后，我們可以開(kāi)始構(gòu)建頁(yè)面結(jié)構(gòu)。以下代碼會(huì)創(chuàng)建一個(gè)基本的頁(yè)面框架，包括一個(gè)header、content和footer：

<div data-role="page">
<div data-role="header">
<h1>歡迎使用jQuery Mobile</h1>
</div>
<div data-role="content">
<p>jQuery Mobile是一款非常實(shí)用的移動(dòng)端開(kāi)發(fā)框架。</p>
</div>
<div data-role="footer">
<h4>版權(quán)所有 ? 2022 jQuery Mobile</h4>
</div>
</div>

在頁(yè)面中，我們可以使用data-role屬性來(lái)定義各個(gè)元素的角色，例如header、content和footer。jQuery Mobile還提供了豐富的組件和樣式類，可以輕松地定制頁(yè)面風(fēng)格。

最后，當(dāng)頁(yè)面加載完成后，我們需要對(duì)jQuery Mobile進(jìn)行初始化：

$(document).on("pagecreate", function(){
// 在這里添加代碼來(lái)初始化頁(yè)面
});

這里使用了jQuery的on()方法來(lái)響應(yīng)pagecreate事件，該事件在頁(yè)面構(gòu)建完成后觸發(fā)。在事件響應(yīng)函數(shù)中，可以添加代碼來(lái)對(duì)頁(yè)面進(jìn)行初始化操作。

以上是一個(gè)簡(jiǎn)單的jQuery Mobile代碼示例。通過(guò)使用jQuery Mobile，開(kāi)發(fā)者可以輕松地創(chuàng)建出兼容不同設(shè)備和操作系統(tǒng)的Web應(yīng)用程序，并且可以通過(guò)豐富的組件和樣式類來(lái)實(shí)現(xiàn)頁(yè)面的定制化。