JQuery是一種流行的Javascript庫，使Web開發更加簡易。其中一個特性是通過AJAX創建動態加載的菜單，并且在無需刷新頁面的情況下進行頁面跳轉。

首先，我們需要定義一個包含菜單的HTML文件。菜單鏈接必須包含一個特殊的屬性"data-url"，用于保存要加載的頁面的URL地址。例如：

<ul id="menu">
<li><a href="#" data-url="/page1">Menu Item 1</a></li>
<li><a href="#" data-url="/page2">Menu Item 2</a></li>
<li><a href="#" data-url="/page3">Menu Item 3</a></li>
</ul>

接下來，我們將使用JQuery的Ajax方法來加載頁面并在導航菜單上切換頁面。下面是一個AJAX的示例：

$(document).ready(function(){
$("a[data-url]").click(function(event){
event.preventDefault(); // 阻止默認行為
var url = $(event.target).data("url"); // 獲取鏈接URL
$.ajax({
url: url,
success: function(result){
$("#content").html(result); // 把結果顯示在頁面的返回ID
}
});
});
});

上面的代碼使用了$("a [data-url]").click()來選擇所有帶有“data-url”屬性的鏈接。它防止默認行為（即加載鏈接），并通過data()方法獲取鏈接的URL。 接下來，它使用$.ajax方法以異步方式加載頁面內容。 成功時，它將結果呈現在頁面的“content”DIV中。

這就是使用JQuery AJAX的跳轉菜單的基礎。 當用戶單擊菜單鏈接時，它將不會重新加載整個頁面，而是僅加載所需的內容，使網站更加快速和響應。