jQuery Mobile（簡稱 jQuery Mobile 或 JQM）是一個基于 HTML5 和 CSS3 的移動設備用戶界面框架，旨在為通用的智能手機和平板電腦提供一致的用戶界面和體驗。該框架運行在所有主流的移動設備操作系統上，包括 iOS、Android、BlackBerry、Windows Phone 手機、Kindle Fire HD 等。它采用了響應式設計的原則，使得開發人員可以輕松地創建出能夠自適應各種移動設備的界面。

// 示例代碼——使用 JQM 實現頁面切換效果
<div data-role="page" id="page1">
<div data-role="header">
<h1>首頁</h1>
</div>
<div data-role="main" class="ui-content">
<p>歡迎訪問我們的網站！</p>
<a href="#page2" data-transition="slide">進入下一頁</a>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
<h1>第二頁</h1>
</div>
<div data-role="main" class="ui-content">
<p>這是第二頁的內容。</p>
<a href="#page1" data-transition="slide" data-direction="reverse">返回首頁</a>
</div>
</div>

通過這段代碼，我們可以看到 JQM 的一個重要特性——頁面切換效果。其中，<div data-role="page"> 標簽用于定義一個頁面，<div data-role="header"> 和 <div data-role="main"> 標簽則分別用于定義頁面的頭部和主體部分。與此同時，<a href="#" data-transition="slide"> 標簽用于實現頁面之間的轉場效果。在這個例子中，我們定義了兩個頁面，分別是首頁和第二頁，并在第一頁中加入了一個鏈接，讓用戶能夠進入第二頁，同時在第二頁也放置了一個類似的鏈接，允許用戶返回首頁。