Skip to content

jQuery

Awesome jQuery

Awesome Join the chat at https://gitter.im/peterkokot/awesome-jquery CCO License Project Maintained Build Status

精选清单 jQuery 插件、资源和其他闪亮的东西. 灵感来自 GitHub 上的“awesome-*”趋势.

jQuery 是一个快速、小巧且功能丰富 JavaScript 图书馆. 它使用可跨多种浏览器工作的易于使用的 API,使 HTML 文档遍历和操作、事件处理、动画和 Ajax 等事情变得更加简单. 结合多功能性和可扩展性,jQuery 改变了数百万人编写 JavaScript 的方式.

awesome-jquery

Resources

很棒的学习材料,可以了解 jQuery 和 JavaScript 或学习更高级的东西. 一些友好的建议:在深入研究 jQuery 之前,先学好 JavaScript.

  • API documentation - 官方 jQuery 文档.
  • Code School - 学习 jQuery(一个 JavaScript 库)的基础知识,以修改网页上的元素并改善用户交互.
  • Codecademy jQuery track - Beginners track for learning jQuery.
  • Learning jQuery - jQuery JavaScript 库的技巧、技术和教程.
  • Style guides - 为 jQuery 项目做出贡献时,jQuery 的代码风格指南.
  • Tuts+ - 关于 jQuery 的有用且深入的文章.
  • jQuery guide for teams - 编写一致的 jQuery 代码的技巧,易于您的团队使用和理解.

Tutorials

很棒的免费教程和课程来学习 jQuery.

Books

推荐且不过时的 jQuery 书籍.

Free Books

Blogs

有趣的 jQuery 相关博客和网站.

Miscellaneous Resources

各种类型的资源.

Plugins

来自整个 jQuery 世界的很棒的插件.

Animation

动画、过渡.

  • Animsition - 一个用于 CSS 动画页面转换的简单易用的 jQuery 插件.
  • fakeLoader.js - 轻量级插件,可帮助您创建带有全屏加载遮罩的动画微调器,以模拟页面预加载效果.
  • Fullpage.js - 快速简单地创建全屏页面.
  • jQuery Transit - 用于 jQuery 的超级流畅的 CSS3 转换和过渡.
  • Material Design Preloader!s - 重新创建 Material Design 预加载器.
  • Midnight - 即时切换固定标头.
  • Parallax.js - 滚动效果.
  • Scrollify - 协助滚动和捕捉部分. 触摸优化.
  • Waves - 受 Google Material Design 启发的点击效果.
  • jQuery DrawSVG - 轻量级、易于使用的 jQuery 插件来动画 SVG 路径
  • jQuery Particles - 一个插件,可以轻松地将粒子动画添加到您的 Web 应用程序

Editors

所见即所得的编辑器.

  • Froala WYSIWYG HTML Editor - 基于 HTML5 的 jQuery 所见即所得富文本编辑器.
  • jQuery Notebook - 现代、简洁、优雅的所见即所得富文本编辑器.
  • jQuery TE - 轻量级 HTML 编辑器.
  • TinyMCE - 流行的 WYSIWYG 编辑器,带有 jQ​​uery 构建和 jQuery 集成插件.

Forms

用于表单、AJAX、验证的插件.

  • Bootstrap Multiselect - Bootstrap 的多选.
  • File Upload - 具有多个文件选择、拖放支持、进度条、验证和预览图像、音频和视频的文件上传小部件.
  • Ideal Forms - 用于构建和验证响应式 HTML5 表单的框架.
  • jQuery Form Plugin - 简单且不显眼的 HTML 表单升级为使用 AJAX.
  • jquery-minicolors - 一个小巧的颜色选择器插件.
  • Justified Gallery - 允许您创建具有对齐网格的画廊.
  • Labelauty - 一个轻巧漂亮的收音机和复选框输入插件.
  • Payform - 用于构建信用卡表单、验证输入和格式化数字的库(带有 jQ​​uery 插件).
  • Pickadate - 移动友好、反应灵敏且轻量级的日期和时间输入选择器.
  • Select2 - 支持搜索、标记、远程数据集、无限滚动的选择框.
  • selectize.js - 基于 jQuery 的文本框和 \<select> 盒子.

Images, Maps and Charts

与图像、图像处理、画廊、地图和图表相关的插件.

  • AnyChart-jQuery - 通过 jQuery 轻松使用 AnyChart JavaScript 图表库的插件.
  • Arbor - 使用网络工作者和 jQuery 的图形可视化库.
  • BackStretch - jQuery 插件,允许您将动态调整大小、支持幻灯片的背景图像添加到任何页面或元素.
  • Chart.js - 使用 的简单 HTML5 图表<canvas>标签.
  • Cropper - 一个简单的图像裁剪插件.
  • Dense.js - 轻松提供视网膜就绪、高像素比图像.
  • Flot - 有吸引力的图表.
  • Gridder - 显示缩略图网格扩展预览,类似于在 Google 图片上看到的效果.
  • jquery.sparkline - 生成小型迷你图.
  • jQuery.eraser - 用鼠标或触摸动作擦除图像.
  • jQuery Mapael - 基于 raphael.js 的插件,允许您显示动态矢量地图.
  • jQueryGantt - 甘特图编辑器.
  • jQuery Images Compare - 用于比较两个图像的插件.
  • Nivo Slider - 美观且易于使用的图像滑块.
  • Owl Carousel 2 - 响应轮播滑块.
  • Slick - 你永远需要的最后一个旋转木马.
  • Peity - 进步\<svg> 饼图、圆环图、条形图和折线图.
  • Unite Gallery - 响应式 jQuery 图像和视频库插件.
  • Viewer - 一个简单的 jQuery 图片查看插件.
  • JQuery-linechart - 用于创建折线图的简单轻量级库

菜单动画、可用性增强和美化.

  • jQuery contextMenu - 上下文菜单的管理工具.
  • jPanelMenu - 创建一个面板式菜单(就像在 Facebook、Google 和本机 iPhone 应用程序的移动版本中看到的类型).
  • jQuery-menu-aim - 当用户的光标指向特定的下拉菜单项时触发事件.
  • mmenu - 带有滑动子菜单的应用程序外观相似的画布上和画布外菜单.
  • Multi-level push menu - 允许无限嵌套导航元素.
  • Slidebars - 用于画布外菜单和侧边栏的 jQuery 框架.
  • stickUp - 将元素粘贴到浏览器窗口的顶部,同时滚动经过它,始终保持在视图中.
  • Superfish - 为现有的多级下拉菜单添加可用性增强功能.
  • Yamm - Bootstrap 3 的另一个 megamenu.

Modals and Popups

模态(对话框/弹出窗口)、工具提示和类似弹出窗口的插件.

  • animatedModal.js - 使用 CSS3 过渡创建全屏模式的插件. 您可以使用 animate.css 中的过渡效果或创建您自己的过渡效果.
  • Avgrund - 用于模态框和弹出窗口的插件,具有显示弹出窗口和页面之间深度的新概念.
  • Bootstrap Modal - 扩展默认的 Bootstrap Modal 类. 响应式、可堆叠和 ajax.
  • iziModal - 带有 jQ​​uery 的优雅、响应迅速、灵活且轻量级的模态插件.
  • jBox - 强大而灵活的插件,负责处理所有模态窗口、工具提示和通知.
  • jQuery Modal - 显示模态窗口的简单轻量级方法.
  • jQuery Popup Overlay - 响应式和可访问的模态窗口和工具提示.
  • Lightbox - 用于在当前页面顶部叠加图像的 JavaScript 库.
  • Magnific Popup - 快速、轻便且反应灵敏的灯箱插件.
  • SweetAlert - JavaScript 警报的漂亮替代品.
  • tipso - 轻量级响应式 jQuery 工具提示插件.
  • vex - 高度可配置且易于设置样式的现代对话框库.

Tables

用于以表格形式创建和展示数据的网格插件和插件.

Time and Date

用于处理、操纵或格式化时间和日期的插件.

  • jQuery Timer Plugin - 启动/停止/恢复/删除任何 HTML 元素内的漂亮计时器.
  • Timeago - 轻松支持自动更新模糊时间戳(例如“4 分钟前”).

Translations

国际化 (i18n) 和本地化 (l10n).

Validation

验证插件.

  • FormValidation - 表单字段验证器,专为 Bootstrap、Foundation、Pure、Semantic UI、UIKit 和其他框架设计.
  • h5Validate - 用于 jQuery 的 HTML5 表单验证插件.
  • jQuery Form Validator - 验证用户输入,同时保持 HTML 标记不受 JavaScript 代码影响.
  • jquery-validation - 对现有表单进行插入式验证,同时非常容易地进行各种定制以适合您的应用程序.
  • jQuery.validationEngine - 验证浏览器中的表单字段.
  • jQuery-form-validation - 使用 Laravel 语法验证 html 表单.

Miscellaneous Plugins

无法在以上类别中分类的插件.

  • Boilerplate - jQuery 插件开发的快速启动.
  • Interlink - 事件链接插件.
  • Sisyphus - 类似 Gmail 的客户端草稿等等.
  • Slugify - 在您键入页面标题时创建一个 URL slug(如 Django slugify()).
  • Readmore.js - 一个轻量级的 jQuery 插件,用于折叠和展开带有“阅读更多”和“关闭”链接的长文本块.
  • Yahoo! Emoticons - 雅虎! 表情符号 JQuery 插件.
  • autoNumberic - autoNumeric 是一个独立的库,可为国际数字和货币提供即时键入格式.

Mobile

移动部分.

  • jQuery mobile - 用于使用 HTML5 构建移动网络应用程序的轻量级框架.
  • Interdimensional - 在移动设备上为您的网页进行空间滚动.
  • OhSnap!.js - 一个简单的 jQuery/Zepto 通知库,设计用于移动应用程序.

UI

用户界面部分.

  • Dragula - 与框架无关的拖放库,支持 jQuery 集成.
  • jQuery UI - 在 jQuery 之上构建的精选用户界面交互、效果、小部件和主题.
  • tabulous.js - 今日网站的标签
  • X-editable - 使用 Twitter Bootstrap、jQuery UI 或纯 jQuery 就地编辑.

Testing

单元测试,测试部分.

  • Qunit - 一个 JavaScript 单元测试框架,由 jQuery、jQuery UI 和 jQuery 移动项目使用.
  • Mockjax - 提供一个简单且极其灵活的接口,用于模拟或模拟 ajax 请求和响应.

Server-side Integrations

将客户端 jQuery 与服务器端技术集成的最佳实践.

节点.js: * Bower - 为前端优化的有用包管理器. * cheerio - 用于服务器端操作的 jQuery. 它可以从 HTML 字符串构造 jQuery 实例,然后查询和操作它. 不实现 ajax 和效果 API. * PHP: * PHP front end setup without Node - 教程如何将 BowerPHP、Mini-Asset 和 Robo.li 组合到 PHP 前端资产构建管道中. * symfony-collection - 管理从 Symfony2 集合中添加、删除和移动元素的 jQuery 插件. * Python: * django-static-jquery - jQuery packaged in an handy Django app to speed up new applications and deployment. 红宝石: * jquery-rails - 将 jQuery 与 Rails 结合使用的自动化 gem. * jquery-ui-rails - 用于 Rails 资产管道的 jQuery UI.

Community

提问和回答问题,分享和获取 jQuery 相关的东西,并与社区取得联系.

  • Forum - 官方论坛.
  • Freenode - 支持 jQuery、jQuery UI 和 jQuery Mobile 用户的 IRC 频道.
  • Stack Overflow - 支持堆栈溢出.
  • Facebook - Facebook 上的大型活跃群组.
  • Linked.in - Linked.in 上的大型活跃群组.
  • Reddit - 讨论和分享新闻、文章、插件和教程,涵盖 jQuery Core、jQuery UI、jQuery Mobile 和其他相关项目.
  • Quora - 在 Quora 网站上提问和回答问题.
  • Meetup - 在当地参与.
  • Twitter - 来自 Twitter 上 jQuery 团队的官方新闻和更新.

Alternatives

jQuery API 的替代实现.

  • cash - 现代浏览器的小型 jQuery 替代品. 包括所有 API,但 ajax 有意例外.
  • Zepto - 小型 jQuery 替代品,其中包括 ajax、效果和其他实用程序.
  • jBone - 与 Backbone 一起使用的 jQuery 实现. 仅支持 Backbone 工作所需的 API 子集. 如果您不打算直接使用 jQuery,但在您的项目中有 Backbone,则可以节省字节.

Looking for more lists like this?

Contributing and License

非常欢迎您 contribute 以及这个很棒的 jQuery 列表. 非常感谢所有人 contributors 谁帮助建立了这份名单.

CC0

在法律允许的范围内, Peter Kokot 已放弃该作品的所有版权和相关或邻接权.