首页 > 编程札记 > javascript

基于jQuery 常用控件收集

阅读：评论：0

2024年1月25日发(作者：)

基于jQuery 常用控件收集

Horizontal accordion: jQuery

基于jQuery开发，非常简单的水平方向折叠控件。

Horizontal accordion: jQuery

jQuery-Horizontal Accordion

具有XBOX360 blade界面风格的水平方向Accordion。

jQuery-Horizontal Accordion

AutoComplete-JQuery

jQuery插件易于集成到现在的表单中(Form)。

AutoComplete-JQuery

Facebook like Autocomplete

基于jQuery开发，类似于FaceBoox提供的AutoCompleter。

Facebook like Autocomplete

jQuery Autocomplete Mod

jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。

jQuery Autocomplete Mod

jqac

基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。

jqac

jQuery Tag Suggestion

类似于提供的tag suggesting功能。

jQuery Tag Suggestion

Autocomplete-jQuery ajax

利用jQuery(Ajax)，PHP和MySQL开发的AutoCompleter。

Autocomplete-jQuery ajax

跨浏览器支持，基于jQuery开发的Autocomplete library。

Autocomplete- jQuery plugin

一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。

Autocomplete- jQuery plugin

jquery-aop

为JavaScript增加面向方面编程特性的jQuery插件。它能给任何函数添加Advices(Before、After与Around)。

jquery-aop

jQuery Pagination

jQuery分页插件

jQuery Pagination

Facebox

Facebox是一个基于jQuery，Facebook-style的lightbox。能够展示示images，divs或者整个远程页面。

Facebox

jwysiwyg

WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。

jwysiwyg

Flexigrid

Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

Flexigrid

SimpleModal

SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。

SimpleModal

Farbtastic

Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。

Farbtastic

ContextMenu

用于创建右键弹出菜单的jQuery插件。

ContextMenu

Damn Small Rich Text Editor

基于jQuery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。

Damn Small Rich Text Editor

jNice

创建自定义外观的Form元素，功能与正常的Form元素相似。

jNice

imgAreaSelect

imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。

imgAreaSelect

jQuery calculate

jQuery计算插件，提供一些常用的数学计算功能比如：Sum、Average、Min、Max等。

jQuery calculate

Easy Slide

EasySlide是以jQuery为基础开发的一个图库展示插件，EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示，并加上鼠标指向时的暂停效果(Pause)，可以当作图库展示或是动画及广告Banner使用。

Easy Slide

Easy News

Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件，可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果，调整显示速度，可自行修改CSS改变您为喜欢的风格。

Easy News

Easy News Plus

Easy News Plus是基于Easy News开发，滚动式新闻或图文内容展示的jQuery插件，但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。

Easy News Plus

jTip

jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单，只需要在你的元素的class上加上Jtip,并引入及其样式即可以。

jTip

BetterTip

一个可以自定义Tooltip的jQuery插件。基于jTip，但比它来得更加灵活。

BetterTip

jQuery plugin: Accordion

用于创建折叠菜单的jQuery插件。

jQuery plugin: Accordion

clueTip

clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取，也可以从当前页面中的元素中获取。

clueTip

jQuery plugin: Treeview

这个插件能够把无序列表转换成可展开与收缩的Tree。

jQuery plugin: Treeview

jQuery plugin: Validation

jQuery校验插件。

jQuery plugin: Validation

Flot

Flot一个纯javascript绘画库，基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。

Flot

jQuery select box

模仿HTML select box实现功能的一个下拉菜单。

jQuery select box

jQZoom

基于jQuery开发的图片放大镜插件。

jQZoom

jQuery lightBox plugin

一个简单，强大基于jQuery开发的lightBox控件。

jQuery lightBox plugin

xmlObjectifier

基于jQuery开发，能够把XML DOM转换成 JSON的JavaScript library。

xmlObjectifier

jQuery Plugin: Text Highlight

利用javascript对页面中的关键字进行着色的jQuery插件。

jQuery Plugin: Text Highlight

jQuery UI

基于jQuery开发的一套UI框架。包括一些常用的工具，特效，UI控件。Accordion，Calendar，Dialog（模式浮动对话框与确认框），Slider，Table（可排序的表格），Tabs，Menu，Tree，Uploader等。

jQuery UI

FastFind Menu Script

可拖动的嵌套菜单窗体，基于动态”AJAX”响应。

FastFind Menu Script

iconDock

iconDock一个基于jQuery开发的Fisheye menu。

iconDock

jqUploader

结合Javascript与Flash开发，拥有上传进度条的文件上传控件。

jqUploader

jQuery UI Datepicker

基于jQuery开发的日期选择控件。

jQuery UI Datepicker

jQuery UI Tabs

jQuery UI Tabs：一个功能强大，易于使用的Tab控件。

jQuery UI Tabs

JQuery Portlets

这个jQuery插件提供一些Portlets功能包括：drag/drop，expand，collapse等。

JQuery Portlets

jstree

jsTree是一个基于jQuery的Tree控件。支持XML，JSON，Html三种数据源。提供创建，重命名，移动，删除，拖放节点操作。可以自己自定义创建，删除，嵌套，重命名，选择节点的规则。在这些操作上可以添加多种监听事件。

jstree

jScrollPane

jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。

jScrollPane

EasyDrag jQuery Plugin

这个jQuery Plugin能够为大部DOM元素添加拖放功能。

EasyDrag jQuery Plugin

jQuery Corner

不需要图片就能够创建各种圆角形状的jQuery插件。

jQuery Corner

JQuery Curvy Corners

用于创建圆角的jQuery插件。压缩之后大小只有9k。

JQuery Curvy Corners

jQuery Corner

更多圆角效果的jQuery插件。

jQuery Corner

jQuery Ajax Rater Plugin

能够动态创建Ajax Rater的jQuery插件。

jQuery Ajax Rater Plugin

jCarousel Lite

这个jQuery插件能够帮助你以滚动（carousel）的方式来组织图片和其它内容。

jCarousel Lite

jCarousel

jCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序，列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。

jCarousel

jQchart

基于Canvas+jQuery，可拖放/交互的简单图形控件。

jQchart

Accordion Menu script

基于jQuery开发的可折叠菜单。

Accordion Menu script

jQuery File Tree

jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观，指定文件树展开图标，可以自己定义展开／收缩事件、速度，配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。

jQuery File Tree

Farbtastic

Farbtastic是一个采用jQuery开发的颜色选择器控件。

Farbtastic

Damn Small Rich Text Editor

基于jQuery开发，压缩之后只有18k左右的Rich Text Editor。提供所有基本的RichText功能，调整文本区域大小，使用AjaxFileUpload插件上传图片，清除HTML标签，标记文本修改，支持多种浏览器（FF1.5+、IE7、IE6）。此外还支持通过插件来扩展文本处理功能。

Damn Small Rich Text Editor

jQuery Impromptu

用于创建模式对话框，确认对话框，输入内容对话框的jQuery插件。

jQuery Impromptu

Spacegallery-Jquery

一个采用jQuery开发，类似于Flash效果的图库（image gallery）。

Spacegallery-Jquery

jQuery Slider Gallery

这是一个基于jQuery开发相册控件，类似于Apple网站上用于展示产品的效果。

jQuery Slider Gallery

jQuery Color Picker

一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。

jQuery Color Picker

jQuery Cycle Plugin

jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果：shuffle、zoom、fade、turnDown、curtainX、scrollRight。

jQuery Cycle Plugin

Ingrid

这个jQuery DataGrid提供的功能有：可以拖动调整列宽，分页，排序，设置行/列样式等。

Ingrid

jFeed

jFeed是一个基于jQuery开发的RSS/ATOM Feed解析器。 jFeed能够解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。

jFeed

ox是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。

ine

这是一个用于生成迷你型线状图的jQuery插件。

ine

ProgressBar Widget

采用jQuery开发的进度条控件。

ProgressBar Widget

MessengerOutlook like message notification Widget

这个控件类似于MessengerOutlook消息弹出提醒框。

MessengerOutlook like message notification Widget

jQuery

jQuery是一个快速、简洁的JavaScript框架，帮助你简化查询DOM对象，处理事件，制作动画，和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能，jQuery用10行就可以轻松搞定。

jQuery

Zoomimage

该jQuery插件能够让以当前流行的方式来展示图片。提供：预加载图片提示，对图片进行分组，自动调整图片显示比例，图片分组浏览控制。

Zoomimage

prettyPhoto

prettyPhoto是jQuery lightbox的一个“克隆”。并增加动画效果，图库浏览等特性。

prettyPhoto

ThickBox

ThickBox是一个模式对话框UI控件。基于jQuery开发，可以用来展示单张或多张图片，内嵌的内容，iframed的内容，或通过Ajax获取的内容。

ThickBox

Ajax Poll

利用jQuery的Ajax和动画效果并给合PHP开发的投票系统。

Ajax Poll

prettyCheckboxes

一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。

prettyCheckboxes

Galleria

Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。

Galleria

jGrow

jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。

jGrow

jQuery Flash Plugin

一个jQuery插件用于在页面中嵌入Flash影片。

jQuery Flash Plugin

Scroll

Scroll是一个用于创建滚动效果的jQuery插件，支持水平／垂直方向滚动和混合滚动效果。

Scroll

jQuery plugin: Autocomplete

自动完成输入框值让用户能够快速查找和过滤某些值。

jQuery plugin: Autocomplete

jSuggest

模仿Google Suggest功能的AutoComplete jQuery插件。

jSuggest

jQuery API

本文档旨在帮助广大javascript爱好者快速了解jquery库，以及供广大应用jquery进行开发的人员提供一个速查手册！本文档资源来自于,部分内容直接翻译或copy自！感谢jquery框架开发者John Resig及其所在的jQuery team.为我们提供这么好的javascript开发类库，感谢为翻译做出的努力！

jQuery API

jQueryAPI_CHM

最新jQuery API中文手册。本CHM手册旨在帮助广大jQuery爱好者快速了解jquery库和jquery开发人员提供一份速查手册。jQueryAPI_CHM

FancyBox

基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容，通过CSS自定义外观。

FancyBox

jQuery1.2 API 中文版手册

仿Visiul jQuery的样式的jQuery1.2 API 参考文档中文版。

jQuery1.2 API 中文版手册

JQuery Progress Bar

基于jQuery开发的进度条控件。在其网站上提供一个可以显示文件上传进度的例子，服务器端采用PHP处理。

JQuery Progress Bar

jQuery Form Plugin

为表单(Form)提供全面Ajax支持，包括文件上传功能的jQuery插件。提供的方法/功能包括：ajaxForm、ajaxSubmit、formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。

jQuery Form Plugin

jTemplates

基于jQuery开发的javascript模板引擎。

jTemplates

Animated Collapsible DIV

为任何DIV层添加Web2.0风格的动画隐藏/显示效果。

Animated Collapsible DIV

InnerFade

InnerFade这个jQuery插件能够让任意一组元素（img，div等）实现淡入淡出播放效果。

InnerFade

pager jQuery plug-in

jQuery分页插件。

pager jQuery plug-in

Coda Popup Bubbles

采用jQuery开发，类似“冒泡”效果的提醒弹出框。

Coda Popup Bubbles

Simple Effects Plugins

jQuery特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．

Simple Effects Plugins

mcDropdown jQuery Plug-in

mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。

mcDropdown jQuery Plug-in

s plugin

这个jQuery插件能够帮助你快速创建键盘触发事件。支持任意组合键。

s plugin

jGrowl

jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。

jGrowl

jQuery Grid

jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。

Demo

jQuery Grid

jMP3

jMP3是一个采用jQuery开发的JavaScript MP3插放器，提供一种可以在页面上直接播放MP3的简便方式。

jMP3

jQuery Multiple File Upload Plugin

多文件上传插件（ile）能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如：文件扩展名校验。

jQuery Multiple File Upload Plugin

Masked Input Plugin

Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。

Masked Input Plugin

jQuery password strength meter

用于检测密码强度的jQuery插件。

jQuery password strength meter

Pure

Pure是一个基于jQuery开发，能够动态生成HTML的JavaScript模板引擎。支持JSON数据。

Pure

Star Rating widget

采用jQuery框架开发的评价控件。

Star Rating widget

NyroModal

一个基于jQuery开发，非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容，改变对话框大小等。

NyroModal

是一个提供数据绑定功能的jQuery插件。用于自动生成Web内容，有利于数据与表现相分离。

Superfish

jQuery菜单插件。支持水平/垂直方向。弹出子菜单不会被。

tableFormSynch

Date Range Picker

基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。

Date Range Picker

imgPreview

图片预览jQuery插件。当鼠标移到图片链接上时，会在链接的旁边出现一个类似于tooltip效果的图片展示框。

imgPreview

ListNav

ListNav是一个用于创建按字母顺序分类导航的jQuery插件。

ListNav

Editable(jQuery Editable Plugin)

这是一个真正可定制的jQuery editableplugin。当前它能够将任意不可编辑的标签（span、div、p„等）转换成可编辑的textinput、password、textarea、下拉列表（drop-downlist）等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。

Editable(jQuery Editable Plugin)

Jquery Fade Out

这是一个用于让图片产生淡入淡出效果的jQuery插件。

Jquery Fade Out

Captify

这个jQuery插件能够在图片上显示标题信息，当鼠标放到图片上时滑动出现。

Captify

Simpletip

Simpletip是一个基于jQuery开发的Tooltips控件。Tooltips可以附在任意元素（标签）之上。并定制展示方式与位置。tooltips可以是静态，动态或通过Ajax加载。

Simpletip

Smooth Navigation Menu

Smooth Navigation Menu是一个采用jQuery开发，基于CSS的多层级网站导航菜单。菜单项的内容既可以直接从当前页面中获取，也可以从一个外面文件或通过Ajax获取。

Smooth Navigation Menu

iColorPicker

iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。

iColorPicker

BeautyTips

BeautyTips是一个jQuery Tooltip插件.

BeautyTips

jdMenu

jdMenu是用于创建水平/垂直分层下拉菜单的jQuery插件.支持通过Ajax加载菜单项，自定义动画效果，易于定制外观，支持相对(relative)与绝对(absolute)

定位等。

jdMenu

JQuery Pager

一个利用jQuery开发的分页UI控件，可用于数据驱动的web应用程序中。

JQuery Pager

jqDock

这是一个能够将一组图片转换成类似于Mac风格鱼眼菜单(Dock Menu)的jQuery插件。菜单可以是水平方向或垂直方向。

jqDock

jParallax

这是一个用于生成视差现象的jQuery插件。mParallax能够产生的效果与jParallax一样但采用Mootools框架开发。

jParallax

NicejForm

NiceJForm是一个拥有完美外形的表单，它是基于jquery库的，NiceJForms实际上是个jquery插件，用来使表单看起来更为美观。这不是最终版本，我知道可以通过多种途径改良它的脚本，但是至少，这是一个可以使用的稳定版本。非常感谢Lucian Slatineanu发布的NiceJForm，在他的blog中你可以获得更多信息。

在IE6，IE7，Firefox2.0中测试成功。