JQuery Mobile是一個用于構建移動應用程序的框架，它可以輕松地創建具有滑動、按鈕、表格等交互元素的可響應界面。在JQuery Mobile中，頁面之間的切換非常簡單，只需使用“data-transition”屬性即可。下面我們詳細介紹JQuery Mobile切換頁面的方法。

<div data-role="page" id="page1">
<div data-role="header">
<h1>Page 1</h1>
</div>
<div data-role="content">
<p>這是頁面1。</p>
<a href="#page2" data-transition="slide">跳轉到頁面2</a>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
<h1>Page 2</h1>
</div>
<div data-role="content">
<p>這是頁面2。</p>
<a href="#page1" data-transition="slide" data-direction="reverse">返回頁面1</a>
</div>
</div>

如上所示，我們創建了兩個頁面，并在頁面1中添加了一個鏈接以跳轉到頁面2。在鏈接中，我們使用了“data-transition”屬性來指定頁面切換時使用的動畫效果，這里使用了“slide”效果。當用戶單擊該鏈接時，頁面1將以推拉的形式滑動到左側，而頁面2則會從右側滑入屏幕，進而切換到頁面2。

在頁面2中，我們添加了另一個鏈接，以返回到頁面1。與頁面1的鏈接不同，此鏈接使用了“data-direction”屬性來指定滑動的方向為反向，即從右向左，這樣用戶在頁面2中單擊鏈接時，頁面2將以相反的方式滑動到右側，而頁面1則會從左側滑入屏幕，進而切換到頁面1。

總之，在JQuery Mobile中切換頁面非常簡單，只需使用“data-transition”屬性即可。此外，您還可以使用“data-direction”屬性為頁面切換指定滑動方向。