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

摘要:
JQuery插件繁多,下面是个人在工作和学习中用到感觉不错的,特此记录。注意:1.9以上版本的jQuery变动较大,为避免一些插件兼容错误,推荐使用1.8.3版本,或者使用jQuerymigrate迁移插件。jQueryUI.dialog表单验证:jquery-validationform数据表格:datatablesjqGrid工具提示:qtip2tooltip消息框:jquery-msgbox自动完成:jqueryui.autoCompletetypeahead菜单:accordion美丽优雅的手风琴,给你不一样的菜单栏Tab:jqueryui.tab树:zTreeJQueryTreeview图片查看:slidelightboxnoobSlideslidesjsjcarousel(旋转木马,用来控制水平或垂直排列的滚动,不得不提的一款插件,查看他的源码,你一定会感觉到什么叫优雅。

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

注意:1.9以上版本的jQuery 变动较大,为避免一些插件兼容错误,推荐使用1.8.3版本,或者使用 jQuerymigrate 迁移插件

UI:

jquery UI(官方的UI插件,精品汇集,功能强大完备,灵活性很强,有十几套主题可供选择,如果你使用他主题的话,注意其样式中使用了CSS3,可能会对你造成一些兼容性的困扰)

bootstrapTwitter推出的一个用于前端开发的开源工具包。它由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 star1386)

工具提示:

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。

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

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

免责声明:文章转载自《推荐一些常用感觉不错的jQuery插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇获得TextField对话框输入的数据大端法、小端法、网络字节序下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

10.折线连接--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)

前面章节已讲到如何在两个组件间通过曲线(贝塞尔曲线)进行连接,一般在实际应用中,贝塞尔曲线在数据流图、思维导图中应用比较多,许多如组织架构图等通过折线连接,本文在之前的基础上如何快速实现两个组件间的折线连接: 之前示例是用checkbox来指示是否画线状态,现在增加了一种线条所以需要修改一下用三种状态来识别是选择/曲线/折线之一,index.html中代...

JQuery Easy Ui dataGrid 数据表格

http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html 数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。. 数据表格显...

JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记1

技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】 第 3 章 用 JavaScript 实现的照片展示 构建软件设计的方法有两种:一种是把软件做得很简单以至于明显找不到缺陷;另一种是把它 做得很复杂以至于找不到明显的缺陷。 ——C.A.R...

jquery聚焦文本框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &...

jQuery积累:serialize()、stringify()、toJSON()

*)表单serialize()序列化,和serializeArray() ##)应用场景 当Ajax或者get请求发送表单中的某一个,或者某几个值到后台时,通过jQuery就能获取到这些值。然后作为Ajax的参数(或者get请求的 ? 后的参数)发送到后台。 但是,当需要发送整个表单的数据到后台时,表单如果小还好说,表单如果大,有很多的值,那一个一个获取就...

jquery 修改 bootstrap模态框的宽度并且居中

1.定义模态框 <div tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div style="1400px;"> <div class="modal-...