jQuery Mobile 是一個基于 jQuery 核心庫的、專為移動設備設計的用戶界面框架。它包含了一些豐富的交互式組件和主題樣式,可以快速地搭建移動端網站或應用。
使用 jQuery Mobile 開發一個網站非常簡單,只需在頁面頭部引入 jQuery、jQuery Mobile 和你所需的主題樣式即可。例如:
<head>
<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
接著,在頁面中添加相應的組件和內容,比如按鈕、導航欄、表單等等。例如,下面是一個帶有兩個按鈕和一個文本框的表單:
<form>
<label for="text-input">用戶名:</label>
<input type="text" name="text-input" id="text-input" value="">
<button type="submit" data-theme="a">登錄</button>
<button type="reset" data-theme="c">重置</button>
</form>
最后,運行這個頁面就可以看到一個簡單的移動端網站了。當然,你還可以通過定制主題樣式、添加插件等方式來進一步優化你的網站。
總之,jQuery Mobile 是一個非常方便實用的移動端網站開發框架,幫助開發者快速地創建漂亮的界面和交互效果。