jQTouch是jQuery的一款插件，可以在iPhone，iPod Touch等設(shè)備的Mobile WebKit瀏覽器上實現(xiàn)一些動畫、列表導(dǎo)航、默認應(yīng)用樣式等各種常見UI效果。隨著iPhone，iPod Touch等設(shè)備的使用日益增多，jQTouch無疑為手機網(wǎng)站的開發(fā)減少了很多工作，而且在樣式和兼容性方面也得到了很大的提高。

jQTouch官方網(wǎng)站：http://www.jqtouch.com
打開首頁即可下載***的插件包和一些實例代碼。下面介紹一下jQTouch的一些簡單用法。
開始使用jQTouch

1.  加載插件
首先在頁面的頭部包含必要的腳本文件和樣式文件
 

<style type="text/css" media="screen">@import "jqtouch/jqtouch.min.css";</style> 
<style type="text/css" media="screen">@import "themes/jqt/theme.min.css";</style> 
<script src="jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script> 

里面相應(yīng)的文件都可以在下載的代碼包里找到
2. 初始化jQTouch

<script type="text/javascript" charset="utf-8"> 
var jQT = new $.jQTouch({  
icon: 'jqtouch.png',  
addGlossToIcon: false,  
startupScreen: 'jqt_startup.png',  
statusBar: 'black',  
preloadImages: [  
'img/back_button.png',  
'img/back_button_clicked.png',  
'img/button_clicked.png',  
'img/grayButton.png',  
'img/whiteButton.png',  
'img/loading.gif'  
]  
});  
</script> 

3. 使用方法
當HTML加載了jQTouch插件，將會默認***個HTML對象顯示，其他所有的HTML對象都不顯示，比如body下有div1，div2，div3…此時只有***個div是顯示的，其他所有的div都不會顯示，在頁面標簽的控制上，
則是通過class和id來控制的，比如說在默認情況下，jQTouch配置了8項動畫：滑動(slide), 向上滑動(slideup), 溶解(dissolve), 褪色(fade), 翻轉(zhuǎn)(flip), 彈出(pop), 交替(swap), 和多維數(shù)據(jù)塊(cube)。
想要呈現(xiàn)這些動畫效果，可以通過下面的方法來實現(xiàn)：
 

<a class="slide" href="#animdemo">Slide</a> 
<a class="slideup" href="#animdemo">Slide Up</a> 
<a class="dissolve" href="#animdemo">Dissolve</a> 
<a class="fade" href="#animdemo">Fade</a> 
<a class="flip" href="#animdemo">Flip</a> 
<a class="pop" href="#animdemo">Pop</a> 
<a class="swap" href="#animdemo">Swap</a> 
<a class="cube" href="#animdemo">Cube</a> 

其中href中指向的id，就是點擊鏈接后要顯示HTML對象，這就要保證頁面里還有一個id為animdemo的HTML對象。
當然上述這些動畫效果的實現(xiàn)方式也可以在初始化的時候自定義，插件給我們提供了很多可選的參數(shù)。現(xiàn)在新版本改進了系統(tǒng)的可擴展性：
改進了3D flip transition
回調(diào)事件:整個頁面的過渡、swipe事件以及方向的改變
添加演示：Clock、To-Do，和一些主要功能演示
主題：目前擁有Apple和jQuery主題（灰色）
jQTouch插件實現(xiàn)的頁面效果真的是很絢，有作iPhone或iPod Touch朋友不妨去試一試。

原文鏈接：http://www.ityizhan.com/iphone-mobile-web-development-plug-ins-jqtouch/