jQuery Mobile是一款非常流行的前端框架，它可以輕松實現響應式的、移動友好的網站和應用程序。在這里，我們將介紹如何使用jQuery Mobile實現頁面跳轉。 首先，在使用jQuery Mobile之前，我們需要引入jQuery庫和jQuery Mobile庫的CDN鏈接。

<!-- 引入jQuery庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入jQuery Mobile庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>
<link rel="stylesheet" >

現在，我們可以開始實現頁面跳轉了。在jQuery Mobile中，我們可以通過使用`$.mobile.changePage()`方法來實現頁面跳轉。例如，下面的示例將在按鈕單擊時跳轉到另一個頁面：

<!-- 首頁 -->
<div data-role="page" id="home">
<div data-role="header">
<h1>首頁</h1>
</div>
<div data-role="content">
<p>這是首頁內容</p>
<a href="#second" data-role="button">跳轉到第二個頁面</a>
</div>
<div data-role="footer">
<h4>版權所有 ? 2021</h4>
</div>
</div>
<!-- 第二個頁面 -->
<div data-role="page" id="second">
<div data-role="header">
<a data-icon="back" data-rel="back">返回</a>
<h1>第二個頁面</h1>
</div>
<div data-role="content">
<p>這是第二個頁面內容</p>
</div>
<div data-role="footer">
<h4>版權所有 ? 2021</h4>
</div>
</div>
<script>
$(document).on("pagecreate", "#home", function() {
$("a").on("click", function(e) {
e.preventDefault();
$.mobile.changePage("#second");
});
});
</script>

在上面的代碼中，我們首先定義了兩個頁面：首頁和第二個頁面。然后，在首頁中用一個按鈕來觸發跳轉，定義了一個點擊事件，當按鈕被單擊時，阻止默認操作，然后調用`$.mobile.changePage()`方法來實現跳轉。'#second'是要跳轉到的第二個頁面的id。 在實際開發中，我們還可以通過其他方式來實現頁面跳轉，比如使用鏈接``或使用JavaScript的`window.location.href`等等。不過，使用`$.mobile.changePage()`方法是一種比較規范的方式，它可以確保整個頁面的切換效果一致，而且可以輕松應對不同的設備屏幕大小和方向。