JQuery Mobile 是一款 JavaScript 框架，讓我們可以創建移動 Web 應用程序，通過使用 AJAX 加載頁面，使應用程序加載速度更快。下面我們來看一下 JQuery Mobile 跳轉和加載的相關知識。

跳轉頁面：

$.mobile.changePage("newpage.html", { transition: "slideup"});

上面的代碼會跳轉到 newpage.html 頁面，并使用覆蓋動畫效果。

在 JQuery Mobile 中，我們還可以使用 data-role 屬性來指定某些元素的角色。比如 data-role="page" 表示一個頁面。如果我們跳轉到的頁面也是 JQuery Mobile 頁面，我們可以使用 data-transition 屬性來指定跳轉頁面時要使用的動畫效果，代碼如下：

跳轉到新頁面

加載頁面：

在 JQuery Mobile 中，當我們使用 data-ajax="true" 時，所有頁面都會被加載到 DOM 中，從而實現 AJAX 加載頁面的效果。如果我們想指定某個頁面在加載時不使用 AJAX，可以將 data-ajax 屬性值設為 false。下面的代碼演示了如何使用 AJAX 加載一個頁面：

$.ajax({
url: "ajax-page.html", 
dataType: "html", 
success: function(result){
$("#myDestination").html(result).trigger("create");
}
});

上面的代碼會異步地加載 ajax-page.html 頁面，并將加載到的內容放入 #myDestination 元素中，同時應用頁面主題。

總的來說，JQuery Mobile 跳轉和加載都非常簡單易懂，通過靈活運用它們，我們可以輕松地創建出美觀、高效的移動 Web 應用程序。