240个jQuery实现AJAX插件

概述

jQuery 是继 prototype 之后又一个优秀的 Javascript. 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的js 库(压缩后只有21k) ，这是其它的 js 库所不及 的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+,Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript. 库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。

文件上传(File upload)

Ajax File Upload.

表单验证(Form. Validation)

jQuery Validation.

表单－选取框(Form. - Select Box stuff)

jQuery Combobox.

表单基本、输入框、选择框等(Form. Basics, Input Fields, Checkboxes etc.)

jQuery Form. Plugin.

时间、日期和颜色选取(Time, Date and Color Picker)

jQuery UI Datepicker.

投票插件(Rating Plugins)

jQuery Star Rating Plugin.

搜索插件(Search Plugins)

jQuery Suggest.

编辑器(Inline Edit & Editors)

jTagEditor.

多媒体、视频、Flash等(Audio, Video, Flash, SVG, etc)

jMedia - accessible multi-media embedding.

图片(Photos/Images/Galleries)

ThickBox.

Google地图（Google Map）

jQuery Plugin googlemaps.

游戏(Games)

Tetris with jQuery.

表格等(Tables, Grids etc.)

UI/Tablesorter.

统计图(Charts, Presentation etc.)

jQuery Wizard Plugin.

边框、圆角、背景(Border, Corners, Background)

jQuery Corner.

文字和超链接(Text and Links)

jQuery Spoiler plugin.

鼠标提示（Tooltips）

jQuery Plugin - Tooltip.

菜单和导航(Menus, Navigations)

jQuery Tabs Plugin - awesome!. [demo nested tabs.]

http://stilbuero.de/jquery/tabs_3/

幻灯、翻转等(Accordions, Slide and Toggle stuff)

jQuery Plugin Accordion.

拖放插件(Drag and Drop)

UI/Draggables.

XML XSL JSON Feeds

XSLT Plugin.

浏览器(Browserstuff)

Wresize - IE Resize event Fix Plugin.

对话框、确认窗口(Alert, Prompt, Confirm Windows)

jQuery Impromptu.

CSS

jQuery Style. Switcher.

DOM、AJAX和其它JQuery插件（DOM, Ajax and other jQuery plugins）

FlyDOM.
server.

图象幻灯片展示和画廊插件

1) Galleria -这是一个用jQuery编写的javascript图像画廊插件。之前帕兰已经做过介绍。

4) Hover Sub Tags- 使用jQuery来缩小标签云所占成的页面，比如你有一个”Ajax”的标签, 你可以在这个标签里面再放入二级标签 jquery, mootools, 等…当鼠标悬浮在一级标签上时，就出现一个动态提示效果的二级标签云。

5) Pagination-创建一个分页导航,当你的网页内容比如多的时候，比较适合使用这种分页导航系统，同时也有利于SEO。这个利用jQuery编写的分页导航的特点是，你可以把它与搜索相结合，控制搜索结果的显示文章数。

6) Accordion Menu -这是一个手风琴效果的演示, 标题使用 H3 标签, 子菜单使用UL标签来实现伸缩。

10) TableRowCheckboxToggle - 它笼统地加入了切换功能，以任何表行您所指定的基础上的CSS类的名字。它将默认切换任何复选框内的表行。

13) jQuery Nice Form -创建自定义风格的表单事件。

16) jQuery.SerialScroll -此插件可以让你很容易实现任何动画的一系列要素依次滚动。你可以用它作为一节滑块，滚轮文本，幻灯片，新闻股票等。

19) jWYSIWYG 一个可以内嵌网页的所见即所得的HTML文本编辑插件。

23) jTruncate in Action -jtruncate可以自定义截断你网页中的文本实体。

25) Drop Shadows -这个插件可以为你的文本生成一个非常有趣的阴影效果。

28) Facebox 基于jQuery, Facebook风格的lightbox灯箱插件，可以显示图片、DIV层和文章页面等。

30) jQueryColorPicker -一个简单的jquery拾色器插件，可以让用户选择色盘中的颜色来实现背景颜色的切换。

31) Animated InnerFade- 完全符合w3c标准的动画幻灯片插件。

1) Galleria -这是一个用jQuery编写的javascript图像画廊插件。之前帕兰已经做过介绍。

4) Hover Sub Tags- 使用jQuery来缩小标签云所占成的页面，比如你有一个”Ajax”的标签, 你可以在这个标签里面再放入二级标签 jquery, mootools, 等…当鼠标悬浮在一级标签上时，就出现一个动态提示效果的二级标签云。

5) Pagination-创建一个分页导航,当你的网页内容比如多的时候，比较适合使用这种分页导航系统，同时也有利于SEO。这个利用jQuery编写的分页导航的特点是，你可以把它与搜索相结合，控制搜索结果的显示文章数。

6) Accordion Menu -这是一个手风琴效果的演示, 标题使用 H3 标签, 子菜单使用UL标签来实现伸缩。

10) TableRowCheckboxToggle - 它笼统地加入了切换功能，以任何表行您所指定的基础上的CSS类的名字。它将默认切换任何复选框内的表行。

13) jQuery Nice Form -创建自定义风格的表单事件。

16) jQuery.SerialScroll -此插件可以让你很容易实现任何动画的一系列要素依次滚动。你可以用它作为一节滑块，滚轮文本，幻灯片，新闻股票等。

19) jWYSIWYG 一个可以内嵌网页的所见即所得的HTML文本编辑插件。

23) jTruncate in Action -jtruncate可以自定义截断你网页中的文本实体。

25) Drop Shadows -这个插件可以为你的文本生成一个非常有趣的阴影效果。

28) Facebox 基于jQuery, Facebook风格的lightbox灯箱插件，可以显示图片、DIV层和文章页面等。

30) jQueryColorPicker -一个简单的jquery拾色器插件，可以让用户选择色盘中的颜色来实现背景颜色的切换。

31) Animated InnerFade- 完全符合w3c标准的动画幻灯片插件。

(2) jQuery Collapse -这个jQuery插件同样点击后滑动展开或关闭DIV层。
Menu － 菜单

(4) A Navigation Menu- 锚链接的无序列表嵌套, 可以添加2级菜单

(5) SuckerFish Style

Tabs - 选项卡

(7) TabContainer Theme - 当用户在选项卡之间进行切换时，产生JQuery风格的淡出动效果。

Accordion－ 手风琴效果

Demo

(9) Simple JQuery Accordion menu

SlideShows － 幻灯片

(11) Image/Photo Gallery Viewer- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像Flash一样的多种浏览特效。

Transition Effects - 过渡特效

(13) Easing Plugin-另外一个简单的过渡效果插件

(14) Highlight Fade

(15) jQuery Cycle Plugin- 拥有多种过渡效果的一个Gallery插件。

奇幻的jQuery

Demo :
Color Picker －拾色器

Demo :

(18) jQuery Color Picker
LightBox －灯箱效果

Demo :

(20) SimpleModal Demos- its goal is providing developers with a cross-browser overlay andcontainer that will be populated with content provided to SimpleModal.

Demo :

(21) jQuery lightBox Plugin- simple, elegant, unobtrusive, no need extra markup and is used tooverlay images on the current page through the power and flexibility ofjQuery′s selector.

Demo :

(
iframe

Form Validation -表单验证器

Demo :

(24) Ajax Form Validation - 在客户端使用jquery验证的一种形式，它可以验证用户名是否有效等。

Demo :

(25) jQuery AlphaNumeric -欢迎对对表单域中的某些字符进行限制

Form Elements － 表单事件

(26) jquery.Combobox - 从现在的选择元素中创建一个个性的HTML组合 Demo is here.

(27) jQuery Checkbox -样式化选择框，从而提高交互能力。

(28) File Style Plugin for jQuery -File Style插件让你可以使用图像做为文件浏览按钮，你还可以样式化文件名称区域。
Star Rating － 星形评级系统

(29) Simple Star Rating System

30)Half-Star Rating Plugin
ToolTips －提示工具

(32) The jQuery Tooltip

Tables Plugins －表格插件

Demo :

(34) Table Sorter Plugin - 把一个标准的HTML表格分解成Thead和Tbody标签构成的分类表格，不需要刷新。它能够成功地解析和整理多种类型的数据，包括联系资料。

(35) AutoScroll for jQuery -可以生成网页表格的热点自动滚动效果

(36) Scrollable HTML table plugin- 用来转换表格为普通的滚动HTML。不需要额外的编码。

Demo :

Draggable Droppables And Selectables 拖拽

(38) Draggables and droppables- 这是一个很好的演示。用来实现拖拽树形菜单项目的操作

Style Switcher － 切换风络

Demo演示.
Rounded Corners 圆角效果

(41) JQuery Curvy Corners- 这个插件可以让你生成光滑、无锯齿的圆角效果。

Must See jQuery Examples 应该了解的一些jQuery应用实例

Demo :

(43) HeatColor

Demo :

(44) Simple jQuery Examples

(45) Date Picker -一个灵活个性的jQuery日历组件。

Demo :

(46) ScrollTo -这个jQuery插件可以让你实现当点击链接时中滚动到页面中的某一对象

(47) 3-Column Splitter Layout 一个3栏布局分配插件。

(48) Pager jQuery -一个小巧的 jQuery插件，用来增加分页的页码效果

(49) Select box manipulation

(50) Cookie Plugin for jQuery

51) JQuery BlockUI Plugin