推荐一些常用感觉不错的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. bootstrap标准模板

    <!DOCTYPE html><!--html5定义--> <html lang="en"> <head> <meta cha ...

  2. Socket 由浅入深系列--------- 简单实现编程(三)

    socket 由浅入深 原理(一)介绍了一些,以下也就是简单实现,并未考虑其它性能化! 使用TCP的server客户机举例 server 设置一个简单的TCPserver涉及下列步骤: 调用 sock ...

  3. vi使用高级

    下面的命令在vi命令模式被激活 h 光标左移一个字符 l 光标向右移动一个字符 j 光标下移一行 k 移动光标线 一.对整行操作 1.复制光标所在行 yy 2.删除光标所在行 dd 3.选中光标所在行 ...

  4. java程序连接MongoDB副本集测试

    三个节点有一个节点挂掉也不会影响应用程序客户端对整个副本集的读写! public class TestMongoDBReplSet { public static void main(String[] ...

  5. 菜鸟进阶Android Touch事件传递(四)

    尊重他人劳动成果,转载请说明出处:http://blog.csdn.net/bingospunky/article/details/44343477 在该系列文章第四篇.我准备介绍一下viewpage ...

  6. 前端构建利器Grunt—Bower

    runt + Bower—前端构建利器 目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web ...

  7. [顶]ORACLE PL/SQL编程详解之二:PL/SQL块结构和组成元素(为山九仞,岂一日之功)

    原文:[顶]ORACLE PL/SQL编程详解之二:PL/SQL块结构和组成元素(为山九仞,岂一日之功) [顶]ORACLE PL/SQL编程详解之二: PL/SQL块结构和组成元素(为山九仞,岂一日 ...

  8. jekyll bootstrap搭建github blog

    前提你必须有一个GitHub账号且本机安装有Git 一.创建一个新的仓库 去你的https://github.com主页新建一个仓库 名字为USERNAME.github.com USERNAME为你 ...

  9. Samba(一)通过Samba搭建Linux文件服务器

    本文的目的是为了快速搭建一个linux文件服务器,主要是便于局域网电脑可以方便快速的获得Linux服务器共享的文档(非互传) samba是一个功能十分强大的软件,今天是我们的主角,因为本文是一个演示实 ...

  10. Spring Resources之介绍和资源接口

    1.介绍 不幸的是Java的标准的java.net.URL类和针对不同的URL前缀的标准处理器都不够充分去访问所有的低级资源.例如,美誉标准化的URL实现可能用于去范围需要从classpath中或者相 ...