jquery有什么移動端庫

本文小編為大家詳細介紹“jquery有什么移動端庫”，內容詳細，步驟清晰，細節處理妥當，希望這篇“jquery有什么移動端庫”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

jquery移動端庫有：1、Mobiscroll，用于觸屏設備的旋轉滾動、日期和時間選擇；2、“Ion.Sound”，用于即時聲音通知；3、mmenu，用于創建平滑的抽屜式導航菜單；4、Naver，用于創建響應式導航；5、gShake等等。

本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

移動互聯網的發展，來自PC端的網頁并不能完全自適應移動端頁面需求，使得響應式設計體驗產生并成為潮流，也正是這樣一種需求，促成了jQuery Mobile的流行。jQuery Mobile這樣一款基于jQuery和jQuery UI的框架，繼承了jQuery的“write less,do more”精髓，具有良好的擴展性和可定制性，全面兼容各種平臺設備，對于不支持的手機類型，也會予以基礎樣式。

1、Mobiscroll

對于許多開發者而言，Mobiscroll并不陌生，甚至可以說是相當熟悉。Mobiscroll是一款很不錯的jQuery Mobile插件，主要用于觸屏設備的旋轉滾動/日期和時間選擇。通過它，用戶只需滑動數字即可進行日期和時間選擇（點擊鏈接查看Demo）。

Mobiscroll不僅支持任意自定義值，讓用戶完全自定義主題，還可用于下拉列表本地選擇控制。此外，使用起來也是非常方便，不僅為開發者提供了相當高大上的配色方案，而且可完全通過CSS文件進行樣式修改。支持包括iOS、Android、WP8、Windows 8、BlackBerry等在內的所有主流移動及桌面瀏覽器。

2、Ion.Sound

今時今日，無論是Web還是移動網站，都充斥著各種各樣的事件，比如新郵件、新聊天信息、內容更新等。但卻常常存在著這樣一個問題，就是即時通知無法立即引起用戶注意。而通過Ion.Sound插件，則可以很好地實現這一任務。

Ion.Sound是一款用于播放事件聲音的jQuery插件，采用MIT許可證，包含有25種免費聲音。截至目前，Ion.Sound已成功運用于Google Chrome、Mozilla Firefox、Opera、Safari、IE(9.0+)等桌面瀏覽器，并支持所有主流移動瀏覽器。

3、jQuery.mmenu

jQuery.mmenu是一款用于創建平滑的抽屜式導航菜單的jQuery插件，只需短短一行JavaScript代碼，即可在移動網站中實現類似于移動App外觀的非常酷炫的滑動菜單。

通過jQuery.mmenu，開發者可以將無序列表轉換成菜單項，并進行自定義設置。jQuery.mmenu不僅為開發者提供了諸如打開、關閉、切換等常用菜單的定制，還提供了菜單位置（居左/居右）、是否顯示菜單項計數器等選項的設置。

4、Naver

Naver是一款專門用于創建響應式導航的jQuery插件。通過它，開發者可以輕易地制作出對移動端非常友好的導航效果，還可制作動態導航。Naver兼容Firefox、Chrome、Safari、IE(7+)，基于MIT許可證發布，無論是個人或商業項目中，均可自由免費使用。

5、iosOverlay.js

iosOverlay.js是一款用于創建iOS風格的提示/通知效果的jQuery插件，支持IE7+、Google Chrome、Firefox、Opera、Safari（桌面版及移動版）。需要提醒的是，如果想要防止圖標在加載時閃爍，開發者需要預加載圖像資源。

此外，iosOverlay.js還存在兩個可選的依賴項，即Spin.js和jQuery。如果開發者想使用其下拉列表對象，就必須要用到Spin.js，而對于不兼容CSS動畫的瀏覽器，則需jQuery提供支持。

6、Easy Responsive Tabs

Easy Responsive Tabs是一款輕量級的響應式Tab選項卡/手風琴導航jQuery插件，支持同一頁面使用多個范例，跨平臺支持Web、平板電腦及移動設備。該插件能夠自適應屏幕大小，默認樣式為水平/垂直Tab選項卡，隨著窗口變小，會自動切換為手風琴樣式。

7、Hide/Show Password

Hide/show Password插件可以讓你輕易隱藏和顯示密碼輸入框中的內容。該插件最酷的地方就是“innerToggle”選項。當設置為開時，開發者可以自定義創建非常漂亮的隱藏/顯示控件。而且在觸屏瀏覽器中進行滑動時還可保持輸入焦點。

8、Swipebox

Swipebox是一款精美的jQuery燈箱特效插件，可用于桌面、移動和平板設備。在移動設備上，支持滑動手勢導航，而在桌面上則可使用鍵盤導航。不支持CSS3過渡特性的瀏覽器可使用jQuery降級處理，支持視網膜顯示，能夠通過CSS輕松定制。

當用戶點擊目標圖片時，照片將會以全尺寸的方式展示，此外，用戶還可對同組的圖片進行左右切換來進行查看，非常適合用于做照片畫廊以及查看大尺寸圖片。

9、App Folder

如果你是一名iOS狂熱分子，那么對于iOS風格的文件夾一定非常熟悉。“點擊文件夾，通過加深透明度將周圍的元素虛化，然后顯示文件夾中的內容。”App Folders正是這樣一款能夠實現iOS文件夾效果的jQuery插件。該插件可同時在桌面及移動瀏覽器上工作，適配性非常好。

App Folders的文件夾元素可包含任何HTML元素，比如圖像、文本、視頻等，并且每個文件夾都有專屬于自己的URL實現直接點擊。當然，開發者也無需拘泥于和iOS文件夾一樣的效果，通過App Folders，開發者可以自定義出更富有創意的布局和特效。

10、jQuery Flip

jQuery Flip是一款能夠讓任意HTML、文本或jQuery元素產生非常漂亮的類似于Flipboard的翻轉效果的jQuery插件，基于MIT許可發布。使用CSS 3D轉換，翻轉速度也可進行設置，完全支持Chrome、Safari等WebKit瀏覽器以及Firefox 11。

11、jQuery UI Map

對于地圖應用開發者而言，jQuery UI Map絕對是開發的必備利器。這樣一款輕量級jQuery插件，不同于Google Map API，通過jQuery UI Map，開發者不僅能在針對諸如點擊等簡單事件時使用Google事件監聽器，而且還可在地圖和標記上使用jQuery點擊事件。

jQuery UI Map不僅非常靈活，而且高度可定制。要在地圖上顯示計劃事件，jQuery UI Map會集成Google地圖，從而讓開發者輕而易舉地創建交互式地圖。jQuery UI Map最大的特點就是，當客戶端不支持JavaScript時，開發者可以在備用站點上使用微格式、RDFa或微數據等HTML數據格式實現同步。

12、gShake

gShake是一款能夠實現震動效果的jQuery插件，只需短短幾行代碼，即可讓導航、圖片，甚至是頁面本身抖動起來，從而讓頁面富有動感、樂趣，支持iOS 4.2+。

13、jQTouch

相比本文所介紹的許多可用于移動開發的jQuery插件，jQTouch顯然要更有知名度。通過jQTouch，開發者僅僅使用HTML、CSS以及jQuery即可創建出非常強大的移動App，更牛叉的是，開發者只需使用核心CSS文件，即可構建一個完全自定義的UI。

jQTouch可以在移動設備的WebKit瀏覽器上實現諸如動畫、列表導航、默認樣式等常見UI效果，但要想實現更多原生效果，則需額外添加CSS文件。對于iOS開發者，這點則無需顧慮，因為jQTouch為iOS開發提供了相當豐富的原生效果CSS文件。

14、PhotoSwipe

是一個開源且免費的專為移動觸屏設備設計的相冊/畫廊展示包，兼容iOS、Android、Blackberry等主流平臺及桌面瀏覽器。其底層實現基于HTML、CSS及JavaScript，不依賴任何框架，非常適合想要讓移動站點的相冊體驗和原生App一樣的設計師和開發者。

PhotoSwipe是一個獨立的JavaScript庫，很容易集成到移動網站中，并對移動瀏覽器進行了大量的優化。此外，在源碼中，PhotoSwipe還提供了對桌面瀏覽器及使用jQuery Mobile的支持。

15、Touch Gallery

和PhotoSwipe一樣，Touch Gallery也是一款圖片展示插件，通過它，開發者可以在移動瀏覽器上實現類似于原生相冊應用的圖像展示效果。支持手勢瀏覽操作，也可運用于桌面版Safari、Firefox、Opera及Chrome等桌面瀏覽器，但某些功能項無法實現。

讀到這里，這篇“jquery有什么移動端庫”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。