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的跳转菜单的基础。 当用户单击菜单链接时，它将不会重新加载整个页面，而是仅加载所需的内容，使网站更加快速和响应。