JQuery Mobile是一种基于HTML5的简单易用的移动设备UI框架。在与HTML5和CSS3相关的交互方面提供了丰富的内置模块和工具。这里我们将学习在JQuery Mobile中如何设置页面跳转。

要实现页面跳转，需要使用JQuery Mobile的页面转换方法。这些方法包括：`changePage`和`loadPage`。

//changePage方法
$.mobile.changePage(url, options);
//loadPage方法
$.mobile.loadPage(url);

第一个例子是更直接的调用changePage方法，它接受一个URL参数和一个可选的选项对象。

$.mobile.changePage("http://www.example.com/page2.html", {
transition: "fade"
});

例如，一个简单的链接可以这样创建：

加载 page2

使用上述链接时，会将当前页面转换为`page2.html`。在转换过程中，过渡效果为`fade`。

第二个函数loadPage会下载页面并预先初始化它，以便它可以通过更快的页面转换体验连接到其他页面。它不会立即转换到新页面。

$.mobile.loadPage("http://www.example.com/page2.html");

这个函数通常在代码中使用，以便页面可以快速下载和初始化，特别是对于大型页面时，更是如此。例如，可以在页面加载时调用该函数，以加速页面加载。

使用JQuery Mobile页面跳转，可以在您的移动应用程序中创建简单而强大的UI，从而增强用户体验。