jQuery Mobile是一個基于jQuery庫的移動Web應(yīng)用開發(fā)框架，它允許開發(fā)人員快速構(gòu)建跨平臺移動應(yīng)用，支持各種移動設(shè)備和操作系統(tǒng)，如iOS、Android、Windows Phone等。
使用jQuery Mobile可以輕松地創(chuàng)建具有高度可定制性和可擴展性的移動用戶界面，而無需對各種移動設(shè)備和操作系統(tǒng)進行特定的優(yōu)化。該框架提供了豐富的UI組件和主題，包括按鈕、列表、滑塊、彈出框、導(dǎo)航條和頁面轉(zhuǎn)換效果等，這些組件可以快速構(gòu)建出美觀、易用、響應(yīng)式的移動應(yīng)用。
以下是一個簡單的jQuery Mobile示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Demo</title>
<!-- 引入jQuery庫 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- 引入jQuery Mobile庫 -->
<link rel="stylesheet" >
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>My App</h1>
</div>
<div data-role="content">
<p>Hello World!</p>
</div>
<div data-role="footer">
<h4>Copyright ? 2021</h4>
</div>
</div>
</body>
</html>這個示例演示了如何使用jQuery Mobile創(chuàng)建一個基本的移動Web應(yīng)用。其中，我們引入了jQuery庫和jQuery Mobile庫，然后在body標(biāo)簽中創(chuàng)建了一個data-role為page的div，它包含了應(yīng)用的頭部、內(nèi)容和底部。通過設(shè)置不同的data-role屬性值，我們可以輕松地定制每個部分的樣式和功能。