jQuery Mobile是一個(gè)基于jQuery的前端框架，它提供了一系列的組件和特效，讓我們可以更加便捷地快速開發(fā)出移動(dòng)端的Web應(yīng)用。其中一個(gè)非常重要的組件就是“翻頁”。 下面我們來看一個(gè)簡(jiǎn)單的翻頁實(shí)現(xiàn)的例子：

Page 1
This is page 1!
Go to page 2
Page 2
This is page 2!
Go back to page 1

首先我們?cè)贖TML中定義兩個(gè)頁面，分別是id為“page1”和“page2”的div元素，其中包含了header和main兩個(gè)子元素。header通常用來顯示標(biāo)題，而main則是頁面的主要內(nèi)容。在頁面的結(jié)尾，我們定義了一個(gè)超鏈接，用于翻到另一個(gè)頁面。

接著，在JS部分，我們使用jQuery Mobile提供的changePage()函數(shù)，將當(dāng)前頁面切換到第一個(gè)頁面，這里使用了一個(gè)滑動(dòng)的效果。pagecreate事件表示當(dāng)一個(gè)頁面被創(chuàng)建時(shí)執(zhí)行該事件函數(shù)。

細(xì)心的讀者可能已經(jīng)發(fā)現(xiàn)了，href中的#page1和#page2其實(shí)就是頁面的id，這樣就可以實(shí)現(xiàn)頁面之間的切換了。在實(shí)際應(yīng)用中，我們可能會(huì)使用一些其他的效果，如漸隱漸顯、翻轉(zhuǎn)、淡入淡出等等。

總之，翻頁是移動(dòng)端Web應(yīng)用中非常常見的一個(gè)功能，jQuery Mobile為我們提供了非常便捷的實(shí)現(xiàn)方式，只需要簡(jiǎn)單的幾行代碼就可以完成。