推薦一些常用感覺不錯的jQuery插件


     JQuery插件繁多,下面是個人在工作和學習中用到感覺不錯的,特此記錄。

  注意:1.9以上版本的jQuery 變動較大,為避免一些插件兼容錯誤,推薦使用1.8.3版本,或者使用 jQuery migrate 遷移插件

UI:

  jquery UI(官方的UI插件,精品匯集,功能強大完備,靈活性很強,有十幾套主題可供選擇,如果你使用他主題的話,注意其樣式中使用了CSS3,可能會對你造成一些兼容性的困擾)

     bootstrap Twitter推出的一個用於前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架,也包括了一些常用的jquery組件,人類已經阻止不了它的流行了,可以作為你網站一個基本庫來使用,特別適用於快速開發

  jQuery EasyUI (現在很受歡迎的一套UI庫,免費開源,提供了整套的解決方案,精選十余套主題,但在使用過程中可能會有一些小問題,需要你去手動解決,靈活性有所不足。)

布局:

  layout ( 布局?css不就夠了嗎? 嘗試下layout把,非常適合管理系統布局,它將會帶給你意想不到的驚喜,全面的demo文檔,入手再簡單不過)

  masonry  層疊網格布局庫 想讓你的網站更炫更酷,內容的展現更具美感嗎? 網上鋪天蓋地的瀑布流布局,使用它可以簡單友好地實現,這僅僅是它的一種應用方式,更多驚喜期待你的嘗試。

對話框:

  artDialog界面精致,功能齊全,完善的接口,細致的體驗,跨平台的兼容性,絕對是你的不二之選,插件作者“糖餅”現就職於騰訊ISUX,絕對的實力派

  fancybox  功能齊全,它除了可以加載DIV,圖片、圖片集、Ajax數據,還能加載SWF影片,iframe頁面等等。

  jQueryUI.dialog ( JQuery官方UI插件,可單獨使用,很好用,別忘了引入核心支持文件)

表單驗證:

  jquery-validation(大家都在用,用了很多年,用過都說好,附帶無刷新驗證用戶名是否存在)

  form (無刷新表單提交)

數據表格:

  datatables (可變長度的分頁,動態過濾,智能的列寬處理,從幾乎任何數據源的支持,高靈活性,簡單的使用,jqueryui主題支持,你想要的它都考慮到了,全功能文檔,在國外它很受歡迎 github star 1240)

  jqGrid   (這些年來最流行的jquery表格插件之一. github star 1386)

工具提示:

  qtip2 (simpletip 和 qtip 的繼任者,它不一定是最好的,但用過后你絕對會喜歡)

  tooltip ( 輕量級,簡單易用 )

消息框:

  jquery-msgbox ( 感覺不錯)

自動完成:

  jqueryui.autoComplete ( 自動完成,jqueryui官方插件,給力 )

  typeahead ( 預先輸入,Twitter開源的一個非常漂亮的快速,全功能自動完成插件 )

菜單:

  accordion  美麗優雅的手風琴, 給你不一樣的菜單欄

Tab:

   jqueryui.tab ( 大愛,當然如果你需求比較簡單,完全可以手寫一下 )

樹:

  zTree ( 國產經典,強大好用 )

  JQuery Treeview(經典老款)

圖片查看:

  slide  ( 有史以來最強大,功能最齊全的滑動組件,整個阿里巴巴焦點圖,跑馬燈,滾動播放等大量使用了此插件,其實你可以嘗試一下KISSY )

  lightbox ( 很好用,很炫目,十幾個漂亮的皮膚,美侖美奐的過渡效果和免費的畫廊發生器,非常適合圖片查看 )

  noobSlide ( 全功能展示,多種風格任你挑選 )

  slidesjs ( 簡單的,優雅,輕量好用 )

  jcarousel ( 旋轉木馬, 用來控制水平或垂直排列的滾動,不得不提的一款插件,查看他的源碼,你一定會感覺到什么叫優雅。)

上傳:

  uploadify ( 久經考驗,應用,功能強大 )

日期選擇:

  datePicker  功能完備,兼容性好,大街小巷都是它,12306都是它,無力吐槽了。

色彩選擇:

  moorainbow (不錯)

特別推薦

  infinitescroll ( 最后的當然是重量級,無限滾動 - 自動加載,無盡的頁面。本質上它是預取后續頁面的內容,並將其添加到用戶的當前頁面直接。相當給力,配合 masonry 瀑布流無限滾動加載內容 so easy.)

 

小標簽:任意JavaScript的值都可以轉換成布爾值,下面這些值都會轉換成false:

undefined
null
0
-0
NaN
""   // 空字符串
所有其他值,包括所有對象(數組)(就算是空的),都會轉換成true。

 插件為我們日常工作提供了方便,減輕了負擔,但編程開發:自身實力強大才是立身之本,善用工具,絕不依賴,方是正理。萬不能陷入知其然不知其所以然的境地,共勉之~

如果感覺此文對您有一定的啟發和助益,勞駕您推薦下,在此謝過,歡迎留言交流。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM