jquery 常用插件集合

1. Simple Effects for Drop-Down Lists

  一个 jQuery 插件用于将普通的 select 控件转成一个带有一些简单扩展效果的下拉列表。

jquery 常用插件集合_第1张图片

  2. X-editable

  这个插件能够让你在页面上创建可编辑的元素。它能够使用任何引擎(bootstrap、jquery-ui、jquery),并且包含弹出式和内联模式。

jquery 常用插件集合_第2张图片

  3. Garlic.js

  Garlic.js 自动在本地保存表单文本字段的值,直到表单被提交。这样,你的用户如果不小心关闭选项卡或浏览器,也不会失去任何宝贵的数据。

jquery 常用插件集合_第3张图片

  4. Calendario

  一个日历插件,用于创建灵活的日历。它只能用于支持新的 CSS 特性如 calc ()的浏览器。

jquery 常用插件集合_第4张图片

  5. Stapel

  使用堆效果自动对缩略图进行分组。缩略图集根据他们的共享数据堆属性进行分组,当点击堆时将分散到各自的位置。

jquery 常用插件集合_第5张图片

  6. Pickadate.js

  完全响应式和轻量级的 jQuery 日期输入选择器。

jquery 常用插件集合_第6张图片

  7. jHERE

  有了 jHERE,你可以很容易地添加互动地图到您的网站中。拥有一个强大的地图 API,高度可定制的标记,事件处理和信息气泡。

jquery 常用插件集合_第7张图片

  8. Responsive Img

  Responsive Img 是一个 jQuery 插件,它能够根据页面的宽度改变一张图片的 src 属性。

jquery 常用插件集合_第8张图片

  9. FooTable

  FooTable 能够将 HTML 表格转成可扩展或响应式表格。不管表格中有多少列数据。

jquery 常用插件集合_第9张图片

  10. Stairway Navigation

  一个阶梯效果的导航菜单。

jquery 常用插件集合_第10张图片

  11. SocialCount

  一个更轻、更快的社交网络部件。

jquery 常用插件集合_第11张图片

  12. Baraja

  采用类似分发扑克牌的方式来移动元素。

jquery 常用插件集合_第12张图片

  13. jPanelMenu

  可创建一个 paneled 风格的菜单(类似于在 Facebook 和 Google 移动版,或其它原生 iPhone 应用中看到的)。

jquery 常用插件集合_第13张图片

  14. Any List Scroller

  该插件能够根据任何内容、任何尺寸、任何列表产生可滚动效果。

jquery 常用插件集合_第14张图片

  15. Sliced

  将图像分割成块,并把它们组合在一起。

jquery 常用插件集合_第15张图片

  16. mlens

  放大镜插件。

jquery 常用插件集合_第16张图片

  17. jQuery Burn

  jQuery Burn 这个插件能够让文字产生火焰般的效果。它使用多个文本阴影,并通过反复改变他们水平偏移量实现。

jquery 常用插件集合_第17张图片

  18. Shapeshift

  该插件可以动态地将元素集合安排在一个父容器网格中。


jquery 常用插件集合_第18张图片







常用JQuery插件整理

  虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来。

  UI:

  jquery.HooRay(哈哈,自己写的插件是必须有的)

  jquery UI(官方的UI插件,功能很多,但我只用少数几个)

  jQuery EasyUI

  jQuery LigerUI

  对话框:

  artDialog(很欣赏这个插件,又强大又美观)

  AsyncBox(制作者小吴同学也是博客园的人呢)

  jBox(继续国人的插件,就是皮肤稍微做的弱了点,功能上一点不输前两者)

  lhgDialog(作者似乎和我同龄,挺不错的)

  表单验证:

  jquery-validate(这个就不用介绍了吧)

  jQuery formValidator(作者也是园子里的人哦)

  放大镜:

  cloud zoom(这个效果炫)

  图片查看:

  jquery.fancybox(网站打开有点慢)

  树状结构:

  JQuery zTree(最近刚发现的,还是国人做的,看了demo演示,很强大,不过还没正式使用过)

  JQuery Treeview(之前一直在用的,是老外的)

  焦点图:

  myFocus(又是一款国人的插件,花样很多,略有缺陷)

  soChange(如果项目没特别要求,一般都用这个,简单易上手)

  AnythingSlider

  评分:

  jquery.raty

  Tab:

  idTabs(虽然自己也写了tab选项卡的插件,但在之前一直用的都是这个)

  面包屑导航:

  jBreadCrumb(IE6下似乎有点问题)

  Tip:

  colortip

  分页:

  jPaginate

  上传:

  jUploader

  基于HTML5的可预览多图片Ajax上传

  应该还是有遗漏,一些用在特殊功能上的插件没有写上。另外希望大家也说说常用的插件有哪些,好的插件必须拿出来和大家分享分享。



一:jquery.validate 表单验证插件

1:可以从官网下载该插件,目前为1.55版,使用是需要加载对应的js文件


2:在ready后,需要使用$("form").validate() 选择需要进行验证的form表单

3:在对于的表单元素上,使用class指定不同的验证类型.
如class="email required",分别代表:email格式,不能为空,还可以使用其他的url,或者使用minlength="2"指定长度

只要用户在输入时,就会自动提示,而不需要等待点击按钮(似乎第一次需要)

常用的验证写在 class属性,与minlength属性中,也可以使用jquery.metadata.js 进行整合使用,将所有的约束,写在
class属性中

1: 使用

你可能感兴趣的:(jquery 常用插件集合)