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.
jQUploader.
Multiple File Upload plugin.
jQuery File Style.
Styling an input type file.
Progress Bar Plugin.

表單驗證(Form. Validation)

jQuery Validation.
Auto Help.
Simple jQuery form. validation.
jQuery XAV - form. validations.
jQuery AlphaNumeric.
Masked Input.
TypeWatch Plugin.
Text limiter for form. fields.
Ajax Username Check with jQuery.

表單－選取框(Form. - Select Box stuff)

jQuery Combobox.
jQuery controlled dependent (or Cascadign) Select List.
Multiple Selects.
Select box manipulation.
Select Combo Plugin.
jQuery - LinkedSelect
Auto-populate multiple select boxes.
Choose Plugin (Select Replacement).

表單基本、輸入框、選擇框等(Form. Basics, Input Fields, Checkboxes etc.)

jQuery Form. Plugin.
jQuery-Form.
jLook Nice Forms.
jNice.
Ping Plugin.
Toggle Form. Text.
ToggleVal.
jQuery Field Plugin.
jQuery Form’n Field plugin.
jQuery Checkbox manipulation.
jTagging.
jQuery labelcheck.
Overlabel.
3 state radio buttons.
ShiftCheckbox jQuery Plugin.
Watermark Input.
jQuery Checkbox (checkboxes with imags).
jQuery SpinButton Control.
jQuery Ajax Form. Builder.
jQuery Focus Fields.
jQuery Time Entry.

時間、日期和顏色選取(Time, Date and Color Picker)

jQuery UI Datepicker.
jQuery date picker plugin.
jQuery Time Picker.
Time Picker.
ClickPick.
TimePicker.
Farbtastic jQuery Color Picker Plugin.
Color Picker by intelliance.fr.

投票外掛程式(Rating Plugins)

jQuery Star Rating Plugin.
jQuery Star Rater.
Content rater with asp.net, ajax and jQuery.
Half-Star Rating Plugin.

搜尋外掛程式(Search Plugins)

jQuery Suggest.
jQuery Autocomplete.
jQuery Autocomplete Mod.
jQuery Autocomplete by AjaxDaddy.
jQuery Autocomplete Plugin with HTML formatting.
jQuery Autocompleter.
AutoCompleter (Tutorial with PHP&MySQL).
quick Search jQuery Plugin.

編輯器(Inline Edit & Editors)

jTagEditor.
WYMeditor.
jQuery jFrame.
Jeditable - edit in place plugin for jQuery.
jQuery editable.
jQuery Disable Text Select Plugin.
Edit in Place with Ajax using jQuery.
jQuery Plugin - Another In-Place Editor.
TableEditor.
tEditable - in place table editing for jQuery.

多媒體、視頻、Flash等(Audio, Video, Flash, SVG, etc)

jMedia - accessible multi-media embedding.
JBEdit - Ajax online Video Editor.
jQuery MP3 Plugin.
jQuery Media Plugin.
jQuery Flash Plugin.
Embed QuickTime.
SVG Integration.

圖片(Photos/Images/Galleries)

ThickBox.
jQuery lightBox plugin.
jQuery Image Strip.
jQuery slideViewer.
jQuery jqGalScroll 2.0.
jQuery - jqGalViewII.
jQuery - jqGalViewIII.
jQuery Photo Slider.
jQuery Thumbs - easily create thumbnails.
jQuery jQIR Image Replacement.
jCarousel Lite.
jQPanView.
jCarousel.
Interface Imagebox.
Image Gallery using jQuery, Interface & Reflactions.
simple jQuery Gallery.
jQuery Gallery Module.
EO Gallery.
jQuery ScrollShow.
jQuery Cycle Plugin.
jQuery Flickr.
jQuery Lazy Load Images Plugin.
Zoomi - Zoomable Thumbnails.
jQuery Crop - crop any image on the fly.
Image Reflection.

Google地圖（Google Map）

jQuery Plugin googlemaps.
jMaps jQuery Maps Framework.
jQmaps.
jQuery & Google Maps.
jQuery Maps Interface forr Google and Yahoo maps.
jQuery J Maps - by Tane Piper.

遊戲(Games)

Tetris with jQuery.
jQuery Chess.
Mad Libs Word Game.
jQuery Puzzle.
jQuery Solar System (not a game but awesome jQuery Stuff).

表格等(Tables, Grids etc.)

UI/Tablesorter.
jQuery ingrid.
jQuery Grid Plugin.
Table Filter - awesome!.
TableEditor.
jQuery Tree Tables.
Expandable “Detail” Table Rows.
Sortable Table ColdFusion Costum Tag with jQuery UI.
jQuery Bubble.
TableSorter.
Scrollable HTML Table.
jQuery column Manager Plugin.
jQuery tableHover Plugin.
jQuery columnHover Plugin.
jQuery Grid.
TableSorter plugin for jQuery.
tEditable - in place table editing for jQuery.
jQuery charToTable Plugin.
jQuery Grid Column Sizing.
jQuery Grid Row Sizing.

統計圖(Charts, Presentation etc.)

jQuery Wizard Plugin.
jQuery Chart Plugin.
Bar Chart.

邊框、圓角、背景(Border, Corners, Background)

jQuery Corner.
jQuery Curvy Corner.
Nifty jQuery Corner.
Transparent Corners.
jQuery Corner Gallery.
Gradient Plugin.

文字和超連結(Text and Links)

jQuery Spoiler plugin.
Text Highlighting.
Disable Text Select Plugin.
jQuery Newsticker.
Auto line-height Plugin.
Textgrad - a text gradient plugin.
LinkLook - a link thumbnail preview.
pager jQuery Plugin.
shortKeys jQuery Plugin.
jQuery Biggerlink.
jQuery Ajax Link Checker.

滑鼠提示（Tooltips）

jQuery Plugin - Tooltip.
jTip - The jQuery Tool Tip.
clueTip.
BetterTip.
Flash Tooltips using jQuery.
ToolTip.

菜單和導航(Menus, Navigations)

jQuery Tabs Plugin - awesome!. [demo nested tabs.]
another jQuery nested Tab Set example (based on jQuery Tabs Plugin).
jQuery idTabs.
jdMenu - Hierarchical Menu Plugin for jQuery.
jQuery SuckerFish Style.
jQuery Plugin Treeview.
treeView Basic.
FastFind Menu.
Sliding Menu.
Lava Lamp jQuery Menu.
jQuery iconDock.
jVariations Control Panel.
ContextMenu plugin.
clickMenu.
CSS Dock Menu.
jQuery Pop-up Menu Tutorial.
Sliding Menu.

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

幻燈、翻轉等(Accordions, Slide and Toggle stuff)

jQuery Plugin Accordion.
jQuery Accordion Plugin Horizontal Way.
haccordion - a simple horizontal accordion plugin for jQuery.
Horizontal Accordion by portalzine.de.
HoverAccordion.
Accordion Example from fmarcia.info.
jQuery Accordion Example.
jQuery Demo - Expandable Sidebar Menu.
Sliding Panels for jQuery.
jQuery ToggleElements.
Coda Slider.
jCarousel.
Accesible News Slider Plugin.
Showing and Hiding code Examples.
jQuery Easing Plugin.
jQuery Portlets.
AutoScroll.
Innerfade.

拖放外掛程式(Drag and Drop)

UI/Draggables.
EasyDrag jQuery Plugin.
jQuery Portlets.
jqDnR - drag, drop resize.
Drag Demos.

XML XSL JSON Feeds

XSLT Plugin.
jQuery Ajax call and result XML parsing.
xmlObjectifier - Converts XML DOM to JSON.
jQuery XSL Transform.
jQuery Taconite - multiple Dom updates.
RSS/ATOM Feed Parser Plugin.
jQuery Google Feed Plugin.

瀏覽器(Browserstuff)

Wresize - IE Resize event Fix Plugin.
jQuery ifixpng.
jQuery pngFix.
Link Scrubber - removes the dotted line onfocus from links.
jQuery Perciformes - the entire suckerfish familly under one roof.
Background Iframe.
QinIE - for proper display of Q tags in IE.
jQuery Accessibility Plugin.
jQuery MouseWheel Plugin.

對話方塊、確認視窗(Alert, Prompt, Confirm Windows)

jQuery Impromptu.
jQuery Confirm Plugin.
jqModal.
SimpleModal.

CSS

jQuery Style. Switcher.
JSS - Javascript. StyleSheets.
jQuery Rule - creation/manipulation of CSS Rules.
jPrintArea.

DOM、AJAX和其它JQuery外掛程式（DOM, Ajax and other jQuery plugins）

FlyDOM.
jQuery Dimenion Plugin.
jQuery Loggin.
Metadata - extract metadata from classes, attributes, elements.
Super-tiny Client-Side Include Javascript. jQuery Plugin.
Undo Made Easy with Ajax.
JHeartbeat - periodically poll the server.
Lazy Load Plugin.
Live Query.
jQuery Timers.
jQuery Share it - display social bookmarking icons.
jQuery serverCookieJar.
jQuery autoSave.
jQuery Puffer.
jQuery iFrame. Plugin.
Cookie Plugin for jQuery.
jQuery Spy - awesome plugin.
Effect Delay Trick.
jQuick - a quick tag creator for jQuery.
Metaobjects.
elementReady.

 

圖象投影片展示和畫廊外掛程式

1) Galleria -這是一個用jQuery編寫的javascript映像畫廊外掛程式。之前帕蘭已經做過介紹。

2) jQuery Multimedia Portfolio -支援多種多媒體格式，包括:圖片，視頻 (flv), 音頻 (mp3), 並且自動偵測每個檔案的副檔名再分別調用合適的播放器。

3) wSlide -通過列表名單切換動畫盒式的內容地區。

標籤雲

4) Hover Sub Tags- 使用jQuery來縮小標籤雲所佔成的頁面，比如你有一個”Ajax”的標籤, 你可以在這個標籤裡面再放入二級標籤 jquery, mootools, 等…當滑鼠懸浮在一級標籤上時，就出現一個動態提示效果的二級標籤雲。

分頁系統

5) Pagination-建立一個分頁導航,當你的網頁內容比如多的時候，比較適合使用這種分頁導航系統，同時也有利於SEO。這個利用jQuery編寫的分頁導航的特點是，你可以把它與搜尋相結合，控制搜尋結果的顯示文章數。

導航系統

6) Accordion Menu -這是一個手風琴效果的示範, 標題使用 H3 標籤, 子功能表使用UL標籤來實現伸縮。

7) jQuery Treeview Plugin

8 ) Coda-Slider- 一個強大的jQuery滑動門技術，效果平滑，很酷。支援上下頁的控制。

9) Simple Horizontal Accordion

表格和網格

10) TableRowCheckboxToggle - 它籠統地加入了切換功能，以任何錶行您所指定的基礎上的CSS類的名字。它將預設切換任何複選框內的表行。

11) TableEditor - Tableeditor提供了靈活的即時編輯的HTML表格。

12) Ingrid - Ingrid是一個個性的jquery外掛程式，可以為你的圖表添加很多網格資料行為，包括大小，分頁，整理，排柱造型以及更多。

表單

13) jQuery Nice Form -建立自訂風格的表單事件。

14) Easy Multi Select Transfer 選項菜單選中後到達另一個選項欄的效果。

15) jQuery Form Plugin- 讓你輕鬆自然地升級HTML表單使用Ajax表單和提交的方法，以方便從從表單元素中搜集資料，並決定如何管理提交進程，讓你對資料如何提交能有充分的控制權。
滾動和滑動技術

16) jQuery.SerialScroll -此外掛程式可以讓你很容易實現任何動畫的一系列要素依次滾動。你可以用它作為一節滑塊，滾輪文本，投影片，新聞股票等。

17) liScroll - LiScroll是一個 jQuery 外掛程式，可以讓你轉換任何無序列表為一個滾動內容展示。
18) Spinner -可以讓你在一個固定地區裡無限量的增加內容進行滾動樣式的展示。

表單事件

19) jWYSIWYG 一個可以內嵌網頁的所見即所得 (WYSIWYG)的HTML文本編輯外掛程式。

20) Simple chained combobox -很簡單的一個jquery選項外掛程式，通過JSON的加工和返回特點，提供連鎖反應式的多重選取。

21) jQuery checkbox

22) jGrow

Toggling

23) jTruncate in Action -jtruncate可以自訂截斷你網頁中的文本實體。

24) toggleElements - toggleElementS是一個展開/隱藏效果的jqurey外掛程式。

漸層和陰影

25) Drop Shadows -這個外掛程式可以為你的文本產生一個非常有趣的陰影製作效果。

26) Gradient jQuery plugin - 實現漸層效果，你可以設定漸層的方向和透明度值。

27) Gradient -讓你擁有一個動態漸層效果的背景，不需要使用任何圖片。

Lightbox燈箱效果

28) Facebox 基於jQuery, Facebook風格的lightbox燈箱外掛程式，可以顯示圖片、DIV層和文章頁面等。

29) jQuery Lightbox Plugin- (balupton edition)

拾色器

30) jQueryColorPicker -一個簡單的jquery拾色器外掛程式，可以讓使用者選擇色盤中的顏色來實現背景顏色的切換。

值得試用的一些jQuery外掛程式

31) Animated InnerFade- 完全符合w3c標準的動畫投影片外掛程式。

32) Easy POP Show 1.0 Release -全螢幕顯示的畫廊外掛程式。

33) jqChart- Ajax的圖表外掛程式

34) UI Datepicker -一個簡單的jQuery UI日期拾取器.

35) JSmile -一個完全自訂的添加特定表情表徵圖的外掛程式。

36) ImgAreaSelect - imgAreaSelect是一個 jQuery外掛程式，可以讓你在一張圖片中選擇一個矩形，並且可以列出座標值。

37) jPrintArea-jPrintArea是一個簡單的，用來列印指定的常值內容。查看DEMO示範

38) jTabber- 一個Tab選項卡切換技術，不需要重新載入頁面

39) jQuery Calculation Plug-in - 一個計算類外掛程式。可以讓你計算一些簡單或是複雜的數學公式。

40) jquery.biggerlink - 這個jQuery外掛程式可以讓你為指定的連結添加成線上代理後的連結地址。

41) Humanized Messages- 在你的網頁上顯示一個半透明的內容資訊，但是當使用者有任何操作時，它就會慢慢消失。

42) Ajax Manager 協助你管理AJAX請求和回應，(比如，放棄請求，鎖定請求，排序請求等).

43) Background-Position Animation

44) Lazyload-Delays
loading of images in (long) web pages. Images below the fold (the ones
lower than window bottom) are not loaded. When scrolling down they are
loaded when needed.Check out their demo page

45) jQuery Tag Suggestion- The same tag suggesting as-you-type support that del.icio.us is uses.Check out their demo page

圖象投影片展示和畫廊外掛程式

1) Galleria -這是一個用jQuery編寫的javascript映像畫廊外掛程式。之前帕蘭已經做過介紹。

2) jQuery Multimedia Portfolio -支援多種多媒體格式，包括:圖片，視頻 (flv), 音頻 (mp3), 並且自動偵測每個檔案的副檔名再分別調用合適的播放器。

3) wSlide -通過列表名單切換動畫盒式的內容地區。

標籤雲

4) Hover Sub Tags- 使用jQuery來縮小標籤雲所佔成的頁面，比如你有一個”Ajax”的標籤, 你可以在這個標籤裡面再放入二級標籤 jquery, mootools, 等…當滑鼠懸浮在一級標籤上時，就出現一個動態提示效果的二級標籤雲。

分頁系統

5) Pagination-建立一個分頁導航,當你的網頁內容比如多的時候，比較適合使用這種分頁導航系統，同時也有利於SEO。這個利用jQuery編寫的分頁導航的特點是，你可以把它與搜尋相結合，控制搜尋結果的顯示文章數。

導航系統

6) Accordion Menu -這是一個手風琴效果的示範, 標題使用 H3 標籤, 子功能表使用UL標籤來實現伸縮。

7) jQuery Treeview Plugin

8 ) Coda-Slider- 一個強大的jQuery滑動門技術，效果平滑，很酷。支援上下頁的控制。

9) Simple Horizontal Accordion

表格和網格

10) TableRowCheckboxToggle - 它籠統地加入了切換功能，以任何錶行您所指定的基礎上的CSS類的名字。它將預設切換任何複選框內的表行。

11) TableEditor - Tableeditor提供了靈活的即時編輯的HTML表格。

12) Ingrid - Ingrid是一個個性的jquery外掛程式，可以為你的圖表添加很多網格資料行為，包括大小，分頁，整理，排柱造型以及更多。

表單

13) jQuery Nice Form -建立自訂風格的表單事件。

14) Easy Multi Select Transfer 選項菜單選中後到達另一個選項欄的效果。

15) jQuery Form Plugin- 讓你輕鬆自然地升級HTML表單使用Ajax表單和提交的方法，以方便從從表單元素中搜集資料，並決定如何管理提交進程，讓你對資料如何提交能有充分的控制權。
滾動和滑動技術

16) jQuery.SerialScroll -此外掛程式可以讓你很容易實現任何動畫的一系列要素依次滾動。你可以用它作為一節滑塊，滾輪文本，投影片，新聞股票等。

17) liScroll - LiScroll是一個 jQuery 外掛程式，可以讓你轉換任何無序列表為一個滾動內容展示。
18) Spinner -可以讓你在一個固定地區裡無限量的增加內容進行滾動樣式的展示。

表單事件

19) jWYSIWYG 一個可以內嵌網頁的所見即所得 (WYSIWYG)的HTML文本編輯外掛程式。

20) Simple chained combobox -很簡單的一個jquery選項外掛程式，通過JSON的加工和返回特點，提供連鎖反應式的多重選取。

21) jQuery checkbox

22) jGrow

Toggling

23) jTruncate in Action -jtruncate可以自訂截斷你網頁中的文本實體。

24) toggleElements - toggleElementS是一個展開/隱藏效果的jqurey外掛程式。

漸層和陰影

25) Drop Shadows -這個外掛程式可以為你的文本產生一個非常有趣的陰影製作效果。

26) Gradient jQuery plugin - 實現漸層效果，你可以設定漸層的方向和透明度值。

27) Gradient -讓你擁有一個動態漸層效果的背景，不需要使用任何圖片。

Lightbox燈箱效果

28) Facebox 基於jQuery, Facebook風格的lightbox燈箱外掛程式，可以顯示圖片、DIV層和文章頁面等。

29) jQuery Lightbox Plugin- (balupton edition)

拾色器

30) jQueryColorPicker -一個簡單的jquery拾色器外掛程式，可以讓使用者選擇色盤中的顏色來實現背景顏色的切換。

值得試用的一些jQuery外掛程式

31) Animated InnerFade- 完全符合w3c標準的動畫投影片外掛程式。

32) Easy POP Show 1.0 Release -全螢幕顯示的畫廊外掛程式。

33) jqChart- Ajax的圖表外掛程式

34) UI Datepicker -一個簡單的jQuery UI日期拾取器.

35) JSmile -一個完全自訂的添加特定表情表徵圖的外掛程式。

36) ImgAreaSelect - imgAreaSelect是一個 jQuery外掛程式，可以讓你在一張圖片中選擇一個矩形，並且可以列出座標值。

37) jPrintArea-jPrintArea是一個簡單的，用來列印指定的常值內容。查看DEMO示範

38) jTabber- 一個Tab選項卡切換技術，不需要重新載入頁面

39) jQuery Calculation Plug-in - 一個計算類外掛程式。可以讓你計算一些簡單或是複雜的數學公式。

40) jquery.biggerlink - 這個jQuery外掛程式可以讓你為指定的連結添加成線上代理後的連結地址。

41) Humanized Messages- 在你的網頁上顯示一個半透明的內容資訊，但是當使用者有任何操作時，它就會慢慢消失。

42) Ajax Manager 協助你管理AJAX請求和回應，(比如，放棄請求，鎖定請求，排序請求等).

43) Background-Position Animation

44) Lazyload-Delays
loading of images in (long) web pages. Images below the fold (the ones
lower than window bottom) are not loaded. When scrolling down they are
loaded when needed.Check out their demo page

45) jQuery Tag Suggestion- The same tag suggesting as-you-type support that del.icio.us is uses.Check out their demo page

Sliding Panels －滑動門控制
1) Sliding Panels For jQuery -元素可以展開或關閉，建立出手風琴的滑動效果。

(2) jQuery Collapse -這個jQuery外掛程式同樣點擊後滑動展開或關閉DIV層。
Menu － 菜單
3) LavaLamp

(4) A Navigation Menu- 錨連結的無序列表嵌套, 可以添加2級菜單

(5) SuckerFish Style

Tabs - 選項卡
6) jQuery UI Tabs / Tabs 3 - 基於 jQuery 的一個Tab選項卡導航

(7) TabContainer Theme - 當使用者在選項卡之間進行切換時，產生JQuery風格的淡出動效果。

Accordion－ 手風琴效果
8 ) jQuery Accordion

Demo

(9) Simple JQuery Accordion menu

SlideShows － 投影片
10) jQZoom-讓你在你的網頁上很簡單的實現圖片的縮放功能。

(11) Image/Photo Gallery Viewer- 一個映像/相片的畫廊展示外掛程式。可以讓你對圖片進行分組、併產生像Flash一樣的多種瀏覽特效。

Transition Effects - 過渡特效
12) InnerFade - 可以讓網頁中的任何元素產生淡化效果

(13) Easing Plugin-另外一個簡單的過渡效果外掛程式

(14) Highlight Fade

(15) jQuery Cycle Plugin- 擁有多種過渡效果的一個Gallery外掛程式。

奇幻的jQuery
16) Riding carousels with jQuery - 這個jQuery外掛程式可以產生一個水平或垂直的列表，並且允許你控制DIV層的滑動顯示。

Demo :

Color Picker －拾色器
17) Farbtastic -這個 jQuery 外掛程式可以讓你通過Javascript添加一個或多個拾色器widgets到一個頁面中。

Demo :

(18) jQuery Color Picker
LightBox －燈箱效果
19) jQuery ThickBox - is a webpage user interface dialog widget written in JavaScript.

Demo :

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