JQuery是一種流行的Javascript庫，使Web開發(fā)更加簡易。其中一個(gè)特性是通過AJAX創(chuàng)建動(dòng)態(tài)加載的菜單，并且在無需刷新頁面的情況下進(jìn)行頁面跳轉(zhuǎn)。

首先，我們需要定義一個(gè)包含菜單的HTML文件。菜單鏈接必須包含一個(gè)特殊的屬性"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方法來加載頁面并在導(dǎo)航菜單上切換頁面。下面是一個(gè)AJAX的示例：

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

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

這就是使用JQuery AJAX的跳轉(zhuǎn)菜單的基礎(chǔ)。 當(dāng)用戶單擊菜單鏈接時(shí)，它將不會(huì)重新加載整個(gè)頁面，而是僅加載所需的內(nèi)容，使網(wǎng)站更加快速和響應(yīng)。