分享错误,学习生活

推荐一些常用感觉不错的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。

 插件为我们日常工作提供了方便,减轻了负担,但编程开发:自身实力强大才是立身之本,善用工具,绝不依赖,方是正理。万不能陷入知其然不知其所以然的境地,共勉之~

如果感觉此文对您有一定的启发和助益,劳驾您推荐下,在此谢过,欢迎留言交流。

暂无评论

发表评论

电子邮件地址不会被公开。