推荐一些常用感觉不错的jQuery插件

JQuery插件繁多,下面是个人在工作和学习中用到感觉不错的,特此记录。

UI:

  jquery UI(官方的UI插件,很好很强大功能完备,灵活性很强,有十几套主题可供选择,但由于其中大量使用了CSS3,可能会对你造成兼容性的困扰)

  jQuery EasyUI (现在很受欢迎的一套UI,方便集成,但会有一些小问题,灵活性也有所不足,有些地方需要手动调整,前提是你要先从凌乱的代码中找到它的位置)

布局:

  layout ( 布局?css不就够了吗? 尝试下layout把,非常适合管理系统布局,它将会带给你意想不到的惊喜,全面的demo文档,入手再简单不过)

  masonry  层叠网格布局库 想让你的网站更炫更酷,内容的展现更具美感吗? 网上铺天盖地的瀑布流布局,使用它可以简单友好地实现,这仅仅是它的一种应用方式,更多惊喜期待你的尝试。

对话框:

  artDialog(国产强大美观兼容性好)

  fancybox  功能齐全,它除了可以加载DIV,图片、图片集、Ajax数据,还能加载SWF影片,iframe页面等等。

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

表单验证:

  jquery-validation(大家都在用,用了很多年,用过都说好,附带无刷新验证用户名是否存在)

  form (无刷新表单提交)

数据表格:

  datatables (关于数据表格,有它就够了,多种数据源,高灵活性,jqueryui主题支持,你想要的它都考虑到了,全功能文档,在国外它很受欢迎)

消息框:

  jquery-msgbox ( 感觉不错)

自动完成:

  jqueryui.autoComplete ( 自动完成,我只用autoComplete,只会用这一个 0.0~ )

菜单:

  accordion  美丽优雅的手风琴, 给你不一样的菜单栏

Tab:

  jqueryui.tab ( 大爱,当然如果你需求比较简单,完全可以手写一下 )

树:

  zTree ( 国产经典,强大好用 )

  JQuery Treeview(经典老款)

图片查看:

  lightbox ( 很好用,很炫目 )

  noobSlide ( 全功能展示,多种风格任你挑选 )

  basic-slider ( 简单的,就是好用的 )

上传:

  uploadify ( 简单,易用,功能强大 )

日期选择:

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

色彩选择:

  moorainbow (不错)

特别推荐

  infinitescroll ( 最后的当然是重量级,无限滚动 - 自动加载,无尽的页面。本质上它是预取后续页面的内容,并将其添加到用户的当前页面直接。相当给力 )

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

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

 
 
分类: jquery

Query插件的更多相关文章

  1. jQuery Live Query 插件

    http://www.cnblogs.com/sunjing/archive/2008/12/06/1349097.html 上篇日志里写到的那个问题其实有种更简单的解决办法,就是使用jquery的L ...

  2. elasticsearch 2.4在head删除数据(使用Delete By Query插件)

    之所以说明是2.4版,是因为不同版本删除的语法不一样(例如跟5.x就不同) 首先安装Delete By Query插件,方式跟安装head插件差不多,安装命令:plugin install delet ...

  3. Query插件之ajaxFileUpload使用方法——input.change()事件的时候实现文件上传

    点击下载 这是HTML <input id="uploadedfile" name="uploadedfile" type="file" ...

  4. query插件之ajaxForm ajaxSubmit的理解用法

    如今ajax满天飞,作为重点的form自然也受到照顾. 其实,我们在平常使用Jquery异步提交表单,一般是在submit()中,使用$.ajax进行.比如:   $(function(){ $('# ...

  5. Query 插件为什么要return this.each()

    jQuery.fn.test2= function(){ this.css("background","#ff0");//这里面的this为jquery对象,而 ...

  6. DWZ(JUI) 教程 中如何整合第三方jQuery插件

    Query插件一般是$(document).ready()中初始化 $(document).ready(function(){  // 文档就绪,初始化jQuery插件| });  // 或者或缩写形 ...

  7. webpack 引入jquery和第三方jquery插件

    1.引入jquery jQuery 直接在 html 中引入,然后在 webpack 中把它配置为全局即可. index.html: <!DOCTYPE html> <html> ...

  8. Unity GPU Query OpenGLES 3.0

    https://github.com/google/render-timing-for-unity/blob/master/RenderTimingPlugin/RenderTimingPlugin. ...

  9. jQuery系列:五个模块总结

    Query插件,以备并希望在前端方面有所长进.请批评指正. 一,类型判断全解 JQuery判断类型扩展方法:$.type() /*type: function( obj ) { if ( obj == ...

随机推荐

  1. Google Guice结合模式

    于Guice于,喷油器装配工作是一个对象图,当请求类型实例,喷油器根据推断对象如何映射到创建的实例.解决依赖.要确定如何解决的依赖就需要配置喷油器结合的方式. 要创建绑定(Binding)对象,能够继 ...

  2. EasyUI的后台界面

    EasyUI的后台界面搭建及极致重构 〇.前言 要了解一个东西长什么样,至少得让我们能看到,才能提出针对性的见解.所以,为了言之有物,而不是凭空漫谈,我们先从UI说起,后台管理页面的UI我们将使用应用 ...

  3. Sql Server 存储过程中查询数据无法使用 Union(All)

    原文:Sql Server 存储过程中查询数据无法使用 Union(All) 微软Sql Server数据库中,书写存储过程时,关于查询数据,无法使用Union(All)关联多个查询. 1.先看一段正 ...

  4. Python 2.7.3 Time与DateTime格式化

    import time import datetime class TimeX: '''时间工具,目前用于格式化时间''' @staticmethod def GetLocalTimeString_T ...

  5. Callback

    由于 JavaScript 语句(指令)是逐一执行的 - 按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画还没有完成. 为了避免这个情况,您可以以参数的形式添加 Callback 函数. j ...

  6. Asterisk 未来之路3.0_0003

    原文:Asterisk 未来之路3.0_0003 Asterisk: The Hacker's PBX 如果电信公司忽视了asterisk,那么正在处于危险中.asterisk 良好的扩展性,能够创建 ...

  7. SQL Server 远程链接服务器详细配置

    原文:SQL Server 远程链接服务器详细配置[转载] http://hi.baidu.com/luxi0194/blog/item/a5c2a9128a705cc6c2fd7803.html - ...

  8. 【从0开始Tornado网站】主页登录和显示的最新文章

    日志首页只能放置在它,这里的美,该<form>使用bootstrap的form-inline修改后的类,例如以下列方式: 前台代码例如以下: {%extends 'main.html'%} ...

  9. cocos2d-x3.2中将XCode发展project转移到VS2010可能会发生错误

    一些代码在线xcode写.我们希望我们自己的屌丝vs上述的实施,要重新构建它project,然后加载.但是绝对 没想到在VS里新建project再加入文件,编译后出现了好多错误.以下就把解决这些错误的 ...

  10. 10 Super Useful Tools for Web Designers

    36个扁平化设计的iphone和ipad应用界面设计案例 http://designwoop.com/2014/04/36-examples-of-flat-iphone-and-ipad-appli ...