jQuery 经典插件与功能大全:从 UI 组件到数据交互

作者:橙子

时间:2026-10-27

浏览:612

本文整理了一份全面的 jQuery 插件与功能列表,涵盖滚动跟随、自定义滚动条、多级菜单、表单验证、表格排序、幻灯片及多媒体嵌入等常用组件。此外,还详细分类了文件上传、日期选取、投票搜索、在线编辑器、地图集成及游戏开发等领域的插件资源,为前端开发者提供一站式的 jQuery 解决方案参考。

文章目录

jQuery Scroll Follow:实现随屏幕滚动而跟随的层效果,点击查看 Demo。

jScrollPane:提供自定义滚动条样式的插件,点击查看 Demo。

jQuery 树状菜单插件:用于构建层级清晰的树形导航结构。

jqueryflexselect:实现下拉框的自动提示与搜索功能。

jQuery id 标签:展示 8 种不同风格的酷炫 jQuery 菜单示例。

jQuery ContextMenu:轻量级右键菜单插件,支持自定义弹出菜单样式。

jQuery Flash Plugin:用于在网页中嵌入 Flash 内容的 jQuery 插件。

jQuery Media Plugin:支持播放多种格式多媒体文件的播放器,包括 Flash、Quicktime、Windows Media Player、Real Player、MP3、Silverlight、PDF 等。

Superfish:jQuery 多级下拉菜单生成插件,提供优雅的扩展动画和子菜单自动箭头标注功能,简化多级菜单的开发。Superfish | Demo。

jQueryUI Tabs:轻松实现标签页切换功能的 UI 组件。jQueryUI Tab | Demo。

Lightbox:简单且兼容主流浏览器的图片覆盖脚本,可快速安装使用。Lightbox Demo & Download。

Form Validation:高效的 jQuery 表单验证插件,支持验证电子邮件等几乎所有表单内容的有效性。jQuery Validate | Demo。

Tablesorter:jQuery 表格排序插件,点击列头即可立即对表格数据进行重新排序。Tablesorter | Demo。

Agile Carousel:jQuery 幻灯片插件,提供多种操作模式,增强幻灯片的可操作性。Agile Carousel | Demo。

Image Crop:jQuery 图片切割工具,通过鼠标圈定有效区域生成局部新图片。Jcrop | Demo。

quickSearch:jQuery 驱动的快速搜索插件,通过 Ajax 动态显示搜索结果。quickSearch | Demo。

Date Picker:功能强大且灵活的 jQuery 日历日期选择插件。Date Picker | Demo。

jQuery Accordion:实现手风琴折叠展开效果的 jQuery 插件。jQuery Accordion | Demo。

EasyDrag:仅需一行代码即可在主流浏览器中实现拖动效果,支持指定可拖动区域(如仅通过标题拖动 div)。

jqPlot:基于 jQuery 的图表绘制插件,提供多种风格样式选择;AD Gallery:jQuery 相册插件,制作类似 QQ 相册的功能。

1. How to add preloader with loading image in a gallery using jQuery:在图像画廊载入过程中使用 jQuery 预加载技术。演示 | 教程。

 

2. Simple Lava Lamp Menu Tutorial With jQuery:创建具有独特熔岩灯动画效果的 jQuery 导航菜单。演示 | 教程。

3. How To Create a 3D Tag Cloud in jQuery:使用 jQuery 创建类似 Flash 效果的 3D 标签云。演示 | 教程。

4. Drag & Drop With jQuery:介绍如何使用 jQuery 为 Web 应用程序创建丰富的拖放用户界面。演示 | 教程。

5. Awesome Horizontal Animated menu using Kwicks for jQuery:使用 jQuery Kwicks 插件构建可定制、灵活的横向动画菜单。演示 | 教程。

6. Create a Thumbnail Gallery With Slick Heading & Caption effect:利用光标题和字幕效果创建缩略图画廊。演示 | 教程。

7. Create an Attractive jQuery Menu with fade in and out effects:创建鼠标悬停时具有淡入背景效果的 jQuery 菜单。演示 | 教程。

8. jQuery PHP AJAX Autosuggest:结合 jQuery 和 PHP 创建 Web 应用程序中常用的自动建议功能。演示 | 教程。

9. Perfect Login Drop Down Box Like Twitter:使用 jQuery 模仿 Twitter 风格的下拉框效果。演示 | 教程。

10. Crafting an Animated Postcard With jQuery:仅使用 jQuery 创建类 Flash 效果的动画明信片。演示 | 教程。

11. Twitter like Search With jQuery & AJAX:使用 Ajax 在同一页面创建类似 Twitter 的搜索框加载结果。演示 | 教程。

12. Voting System With jQuery, AJAX, PHP:学习如何创建类似 dzone 的投票系统。演示 | 教程。

13. AJAXed Sliding Shopping Cart Using jQuery:创建 Ajax 滑动门效果的购物篮,更新时滑动并自动隐藏,支持手动显示隐藏选项。演示 | 教程。

14. How To Build Animated Header in jQuery:利用 jQuery 为网页标题添加动画背景效果。演示 | 教程。

15. Hide and Seek With jQuery:使用 jQuery 在单一页面上,基于事件行为显示应用程序的多个模块。演示 | 教程。

16. jQuery Comment Preview:通过 jQuery 为用户提供实时的评论预览功能。演示 | 教程。

17. Styling Drop Down Boxes With jQuery:由于选择框难以用 CSS 定义样式,本教程介绍如何使用文本框和无序列表替代选取框并定义样式。演示 | 教程。

18. Scrolling Dynamic Content Box:使用 Ajax 将内容加载至滚动 DIV,类似谷歌阅读器向下滚动自动加载项目的效果。演示 | 教程。

19. Ways To Debug your jQuery or JavaScript Code:介绍如何使用 jQuery 控制台登录轻松调试 JavaScript 代码。教程。

20. 5 Ways To Make AJAX Calls with jQuery:介绍使用 jQuery 技术以不同方式创建 Ajax 请求的方法,对熟悉 jQuery 的开发者也有帮助。演示 | 教程。

插件分类列表。

1. Tipsy:呈现 Facebook 风格工具提示的插件,基于定位标记的标题属性。演示 | 插件主页。

2. jQuery YouTube PlayList:将 YouTube 链接列表转换为播放列表,允许用户在网页内浏览视频。演示 | 插件主页。

3. SuperFish Menus:易于使用的 jQuery 插件,将无序 HTML 列表转换为漂亮的下拉菜单。插件主页。

4. Elastic:轻量级 jQuery 插件,使 textareas 根据内容大小自动调整尺寸。演示 | 插件主页。

5. OverScroll:在网页上实施类似 iPhone 的拖放滚动效果。插件主页。

6. Tweetable:轻松快捷地在网页上显示 Twitter Feed 源,可选择将用户名和 URL 转换为超级链接。演示 | 插件主页。

7. jQuery Link nudge:使用 jQuery Link Nudge 插件创建移动菜单栏,效果美观。演示 | 插件主页。

8. TimePickr:若需将用户系统时间作为表单输入,此插件提供丰富的时间输入用户界面。插件主页。

9. Truncatable:允许在网页中隐藏文本块,并在需要时显示。演示 | 插件主页。

10. Incremental Search For Select Boxes:将普通选择框转换为带有增量搜索的组合框,适用于选项较多的情况。演示 | 插件主页。

11. Anything Slider:功能齐全的滑动门插件,易于定制并适应各种网站需求。演示 | 插件主页。

文件上传分类。

Ajax File Upload, jQUploader, Multiple File Upload plugin, jQuery File Style, Styling an input type file, Progress Bar Plugin, jQuery 插件 jcUpload 实现文件上传 flash 进度提示条效果。

表单验证分类。

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)。

表单基本、输入与、复选框等分类。

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。

时间,日期和颜色选取器分类。

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

投票插件分类。

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

搜索插件分类。

Autocomplete Box, 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。

编辑器分类。

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, SVG 等分类。

jMedia - accessible multi-media embedding, JBEdit - Ajax online Video Editor, jQuery MP3 Plugin, jQuery Media Plugin, jQuery Flash Plugin, Embed QuickTime, SVG Integration, jQuery Multimedia Portfolio, jQuery YouTube Plugin。

图片分类。

ThickBox, jQuery lightBox plugin, jQuery FancyBox, jQuery Multimedia Portfolio, 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 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。

游戏分类。

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

表格分类。

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。

图表分类。

Flot, jQuery Wizard Plugin, jQuery Chart Plugin, Bar Chart, Accessible Charts using Canvas and jQuery。

边框,圆角,背景分类。

jQuery Corner, jQuery Curvy Corner, Nifty jQuery Corner, Transparent Corners, jQuery Corner Gallery, Gradient Plugin。

文本和链接分类。

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, Chili jQuery code highlighter plugin, jScroller。

鼠标提示分类。

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

菜单,导航栏分类。

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。

手风琴,幻灯片等效果分类。

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, CodaSlider。

拖拽分类。

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。

浏览器兼容性分类。

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。

对话框,确认窗口分类。

jQuery Impromptu, jQuery Confirm Plugin, jqModal, SimpleModal。

CSS 处理分类。

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

DOM, Ajax 和其他插件分类。

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。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章