jQuery开发者必备的16个组件

提供各种各样的组件是为了提供更好的交互性，并提供形式各异的数据。换句话说，组件是可视化最基础的一部分。在这篇文章中，我会分享一些我们找到的一些非常实用的jQuery组件。它们健壮、轻量级前且很稳定，相信很多人已经了解过其中的内容。如果有什么问题请及时在评论中反馈给我们。

1.SpryMap

SpryMap是一个超轻量级的组件，只有2.8KB，是一个不需要三方依赖的Javascript组件，能够让HTML元素实现类似GoogleMaps中的点击和拖拽效果。

2.Headroom.js

Headroom.js是一个可以让你设置下拉滚动页面后，自动隐藏顶部导航的插件，目前固定顶部导航栏开始变得流行起来，即访客向下滚动页面时，顶部的导航栏永远在一个相对的顶部位置，这样做可以让访客们轻松的点击网页中的其它栏目，而不必重新再返回顶部寻找其它栏目。

但我们都知道众口难调，并不是所有访客都喜欢你这么设计，有些人会觉得碍眼，当他浏览文章内容的时候，他们不想看到导航栏总是呆在固定的位置，甚至会觉得影响到他阅读网页内容，因此Headroom.js这款插件给了我们解决方案，它可以让前端开发者们设定顶部导航栏自动隐藏的位置，即当用户向下滚动页面至某一个高度时隐藏固定导航栏，当鼠标向上滚动时才会再次出现。

3.SocialCount

SocialCount是一个响应式的社交分享组件，定制非常简单，支持鼠标、触控和键盘监听。

4.jQueryPercentageLoader

jQueryPercentageLoader是一个很小的jQuery插件，压缩后只有10k，用来显示非常炫的进度条信息。

它是通过HTML5Canvas实现的，仅仅依赖JavaScript，这种方法显然会比使用图片更优，你可以查看它的源码。

5.PonoJS3

PanoJS3是一个交互性很强的JavaScript组件，这个组件让图片缩放变得非常简单，非常适合用来查看很大的。比如像地图这样高精度的文档，PanoJS3运行多种平台：PC，Mac和手机，它运行Chrome3+,Safari3+,FireFox2+,InternetExplorer8+,Opera9+。

6.jQueryFileUploadWidget

jQueryFileUpload是一个支持多选的文件上传组件。它运行各种后台技术(PHP,Python,RubyonRails,Java,Node.js,Goetc.)。

7.MobiPick

MobiPick是一款Android风格的日期选择组件，主要利用了jQueryMobile脚本库。MobiPick提供了3种不同的日期选择功能，最简单的日期选择功能是选择年月日，另外一种是可以自定义修改年月日，还有一种是可以下拉选择日期。由于MobiPick有着Android的风格样式，因此外观相当漂亮。

8.Sausage

Sausage.js是一个页面文本展示的jQueryUI组件，是一个集展示和审查于一体的完全解决方案。源码托管在Github上，需要jQuery和jQueryUI库支持。

9.jQueryUINotifyWidge

jQueryUINotifyWidget是一个类似于Growl的消息提醒控件。只有100行的CSS代码。

10.Yunero

Yunero是一个很新的jQuery组件，为视频展示提供解决方案，可以选择YouTube或是其实自定义的视频源。

11.MiniTwitter

MiniTwitter是一个把Twitter展示在你的网站或是WordPress中的jQuery组件。

12.ZinoUI

ZinoUI是一款基于jquery的UI插件，用户界面框架包含23种不同的组件。为你的web程序和企业应用提供跨平台的用户接口框架，让你的CMS、后台和前端变得更加强大。

13.Scrollstory

ScrollStory是个jQueryUI部件，用来创建简单的，基于滚动的页面和交互方式。用户滚动到哪个部分就高亮页面的哪个部分。

14.jqTree

jqTree是具有扩展和可折叠的树视图。它是轻量级的，灵活的jQuery插件，它将一个无序列表转换为可展开和折叠的树。

15.Sharrre

Sharrre是一个专注于分享的jQuery组件。运行Facebook,Twitter,GooglePlus,Digg和Delicious等等。

16.SDashboard

sDashboard是一个jQuery插件可以将关联对象转成各种面板，每个对象转成部件后可以进行拖拉操作。

转自：http://www.gbtags.com/gb/share/4129.htm