巧用jQuery建設跨平臺應用

很多腳本程序員都使用jQuery發送ajax請求，其內置的回呼函數可以輕鬆跨瀏覽器處理返回數據。不爲人知的是，結合jQuery UI和jQuery Mobile，jQuery框架集是建設跨平臺應用的獨門利器。

jQuery自己就支持很多實用的跨平臺函數，以HTML元素選擇爲例，$('div > span')就能夠選擇全部父親爲div的span元素。不管瀏覽器是否支持CSS3，此語句都能成功執行。擔憂瀏覽器js引擎的for..in語句運行 差別麼？咱們可使用$.each()安全地循環處理字典和陣列中的值。要是喜歡使用class操縱元素樣式，addClass和removeClass 都是經典函數。

jQuery UI更是前端開發的高級工具，它提供了幾個模塊化插件，幫助咱們實現一些通用的小腳本。UI 1.9在十月發佈後，引入了Tooltip插件，一句$(document).tooltip()就能將全部的原生氣泡提示(title氣泡)替換成統一 樣式，方便開發者統一應用界面。UI Datepicker不用介紹，它是最熱門的自定義格式日期選擇器，其界面也有多種設定，省時省力，極光帳本的記帳日期選擇器就是Datepicker的 中文化版本。十分經常使用的插件還有UI Dialog，它替代了原生的alert(), confirm()等函數，還能生成半透明蒙板，將用戶注意力引向對話框。UI對平板的支持十分到位，UI Button, UI Tabs等插件的按鈕尺寸都很是適合手指操做。極光帳本全部的按鈕元素和文本輸入框都應用了UI Button樣式，標題是UI Header樣式，看起來十分大方、美觀。玩過UI官網上的ThemeRoller麼？您也能夠將其部署在您的應用上，您的用戶就能個性化自已的頁面主題 啦。

jQuery家族的最新成員Mobile不像是javascript框架，更像一個移動應用框架。咱們只需按照Mobile的HTML5語法編寫網 頁，Mobile就能幫您生成移動網頁甚至原生的安卓、蘋果等平臺應用。其實現方式就是在元素中加入特有的data-role屬性，Mobile在加載後 就會自動將元素修飾成適合移動設備的樣式。全部頁面連接都被Mobile接管，自動調用$.ajax異步載入，成功後再調用fadeIn和fadeOut 切換頁面。由此實現相似於原生應用的換頁體驗。受益於網頁應用的跨平臺特性，編寫的jQuery Mobile應用能運行在全部設備上，無需重複開發。極光帳本有全套現成的記帳api，掌上帳本只需調用api就能實現全部功能，免除了後臺開發。 Mobile自帶的Popup插件和安卓原生的Toast相似，因此極光大量應用了Popup顯示提示信息。

jQuery發展迅猛，在2013年第一季推出的Core 2.0版將再也不支持IE8及如下版本。隨着移動瀏覽器的更新，跨平臺網頁應用的興起指日可待。