受到GitHub上awesome-*
系列的鼓舞,有了这样一个关于jQuery插件,资源和其他一些bling bling的玩意儿的策划案。
* [资源](#资源) * [教程](#教程) * [书籍](#书籍) * [免费书籍](#免费书籍) * [收费书籍](#收费书籍) * [博客](#博客) * [其他资源](#其他资源) * [插件](#插件) * [动画](#动画) * [富文本编辑器](#富文本编辑器) * [表单](#表单) * [图表](#图表) * [菜单](#菜单) * [弹窗](#弹窗) * [表格](#表格) * [时间和日期](#时间和日期) * [翻译](#翻译) * [验证](#验证) * [其他插件](#其他插件) * [移动端](#移动端) * [UI](#UI) * [测试](#测试) * [服务端相关](#服务端相关) * [社区](#社区) * [姊妹篇](#姊妹篇) * [贡献和许可](#贡献和许可)jQuery 是一个超快,超小,超强悍的 JavaScript 库。它使得诸如DOM操作, 事件处理, 动画, Ajax之类的操作变得简单和易用,提供了跨浏览器且兼具通用性和扩展性的API。jQuery已经改变了数以百万计开发者编写JavaScript的方式。
下面是一些很棒的学习和提升jQuery和JavaScript的资料。 友情提示:无jQuery和JavaScript基础者容易走火入魔
- API documentation - jQuery官方文档.
- Code School - 学习jQuery 2.0的基本用法,新的视频教程,和有挑战的初心者编程课程.
- Codecademy jQuery track - jQuery初心者追踪.
- Learning jQuery - 使用jQuery的小技巧.
- Style guides - jQuery代码风格指南.
- Tuts+ -关于jQuery的深度好文.
jQuery的免费课程
- jQuery patterns - 开发jQuery插件的十八般兵器.
- Learn jQuery - jQuery学习中心.
- Snoopcode - jQuery教程.
- Try jQuery - jQuery新手起航.
- Extending jQuery - 扩展jQuery.
值得推荐的jQuery书籍实在是太多了
- JavaScript plus a dash of JQuery - 一本清晰的jQuery代码编写入门书, 作者 Nicholas Johnson.
- jQuery Succinctly, Syncfusion (PDF, .mobi) (需要注册账号).
- jQuery fundamentals - jQuery优雅之道.
- jQuery in Action, Third Edition 中文名:《jQuery实战 第三版》 - 百科全书式的jQuery指南, 作者 Bear Bibeault, Yehuda Katz, and Aurelio De Rosa.
- jQuery: Novice to Ninja: New Kicks And Tricks 中文名:《JQUERY从菜鸟到忍者》 - 快速成为jQuery老司机 , 作者 Earle Castledine & Craig Sharkie.
- Learning jQuery - Fourth Edition 中文名:《jQuery基础教程(第4版)》 - jQuery上道指南, 作者 Jonathan Chaffer and Karl Swedberg.
应垂斯挺的jQuery博客和网站
- jQuery Blog - jQuery官方新闻发布网站.
- jQuery UI Blog - jQuery UI官方博客.
- Sitepoint - 来自出版社的关于jQuery的文章.
- Smashing Magazine - 关于jQuery的文章和教程.
海量资源
- jQueryConfig - 优化jQuery的大小.
- jQuery Foundation - 对jQuery和其他一些项目提供支持.
- jQuery Source Viewer - jQuery源代码查看工具.
- TodoMVC -包括jQuery在内的多个流行的JavaScript MV *框架构建的TodoMVC程序, 帮助你选择JavaScript框架
全宇宙的jquery插件都在此间
- Plugins - 无法修改已发布的jQuery插件,参见官方说明.
- jQuery Rain - 最佳jQuery插件,教程、特效、示例,演示.
- jQuery Unheap - 一个整洁的jQuery插件库.
动画和转场过渡
- Animsition - 一个简单易用的CSS动画转场jQuery库
- fakeLoader.js - 轻量级插件,可以创建一个全屏遮罩层上的菊花图来模拟预加载效果
- jQuery Transit - 利用CSS3的transform和transition实现超顺滑jQuery动画.
- Material Design Preloader!s - Material Design风格的加载条.
- Midnight - 头部滚动固定.
- Scrollify - 滚动插件(针对移动端已优化).
- Waves - Material Design的点击水波效果 .
所见即所得的富文本编辑器.
- Froala WYSIWYG HTML Editor - 基于HTML5和jQuery的富文本编辑器.
- Hallo - 为jQuery UI提供的简单编辑器.
- jQuery Notebook - 现代,轻巧,优雅的富文本编辑器.
- jQuery TE - 轻量级的HTML编辑器.
- TinyMCE - 受欢迎的WYSIWYG编辑器.
关于表单、AJAX和验证的插件
- Bootstrap Multiselect - 提供给Bootstrap的多选框.
- File Upload - 支持多选、拖放、进度条、验证、图片预览及视频、音频的文件上传组件。
- Ideal Forms - 创建和验证响应式的HTML5表单框架.
- jQuery Form Plugin - 简单的让AJAX提交HTML表单.
- jquery-minicolors - 一个轻巧的取色插件.
- Justified Gallery - 你可以创建一个基于网格的相册.
- Labelauty - 轻量级的美化单选和复选框插件.
- Payform - 验证和格式化信用卡号码的表单插件.
- Pickadate - 响应式、移动端友好的时间和日期选择器.
- Select2 - 具有搜索、异步加载、无限滚动、添加标记功能的选择框
图片, 图形处理, 相册, 地图和图表相关的插件
- Arbor - 基于web workers和jQuery的图形可视化库.
- Cropper - 一个精巧的图片裁剪插件.
- Dense.js - 让retina及高分图片处理变得简单.
- Flot - 有魅力的图表.
- Gridder - 展示网格状缩略图的相册查看器,类似谷歌图片.
- jquery.sparkline - 生成精巧的图表.
- jQuery.eraser - 支持PC和移动端的橡皮擦效果.
- jQuery Mapael - 基于raphael.js的动态矢量图插件.
- jQueryGantt - 甘特图(Gantt)编辑器.
- Nivo Slider - 小而美的图片轮播插件.
- Peity -基于svg的先进的饼图、环型图、条形图、折线图图表
- Unite Gallery - 响应式的图片和视屏相册jQuery插件.
- Viewer - 一个简单的jQuery图片查看插件.
美化和增强型的菜单,菜单动画
- jQuery contextMenu - 便捷的大数据量快捷菜单.
- jPanelMenu - 侧滑菜单 (类似Facebook,Google和iPhone应用).
- jQuery-menu-aim - 鼠标监听下拉菜单事件(译者注:类似亚马逊官网).
- mmenu - 类似原生应用的滑动菜单(译者注:类似iPhone 设置).
- Multi-level push menu - 允许无限嵌套的导航栏.
- Slidebars - 好用的侧滑菜单.
- stickUp - 把一个元素钉在页面顶部.
- Superfish - 加强型多级下拉菜单.
- Yamm - 提供给Bootstrap3的大数据量菜单.
弹窗(modals),提示(tooltips),popup
- animatedModal.js - 基于CSS3 transition技术的全屏弹窗,可以使用
animate.css
或者自建动画. - Avgrund - 弹窗时和页面进行动画交互.
- Bootstrap Modal - 对Bootstrap弹窗进行的扩展.
- jBox - 强大且灵活的弹窗、提示和通知插件
- jQuery Modal - 简单、轻量级的弹窗.
- jQuery Popup Overlay - 好用的响应式弹窗及提示.
- Magnific Popup - 快速、小巧、响应式的焦点图插件.
- SweetAlert - 好看的alert替代库.
- tipso - 轻量级的响应式jQuery提示库.
- vex - 高度易用和可配置的现代弹窗库.
表格数据展示和交互
- Bootgrid - 基于bootstrap的响应式表格插件.
- Bootstrap table - 基于bootstrap的功能强大的表格插件.
- DataTables - 先进的交互式表格.
- FancyGrid - 整合了图表和服务端驱动(rails)的JavaScript表格.
- Filter Table - 可即时搜索和筛选的表格.
- FooTable - 生成响应式的表格.
- Isotope - 表格筛选、排序.
- HighchartTable - 轻松将表格转化为Highcharts图表.
- jqGrid - 网格插件.
- jQuery treetable - 在表格中使用树状结构.
- jsGrid - 轻量级网格插件.
- Stackable.js - 在小屏幕设备上改变展示形式.
- Stupid Table Sort - 傻瓜式表格排序插件.
- tableExport.jquery.plugin - 导出表格为JSON,XML,CSV,TXT,SQL,Word,Excel,PNG或PDF格式.
时间和日期处理插件
- jQuery Timer Plugin - 在任何DOM元素上启动/停止/恢复/删除定时器.
- Timeago - 支持对时间戳进行自动更新 (类似"5 分钟前").
国际化(i18n)和本地化(l10n)
- i18n properties - 轻量级的国际化插件,由.properties提供支持
- jquery.i18n - 基于jQuery的国际化库,让开发webapp更便捷
- jquery.localize.js - 简单的静态网站本地化
验证插件
- FormValidation - 表单字段验证,可用于Bootstrap, Foundation, Pure, Semantic UI, UIKit等框架.
- h5Validate - 基于HTML5和jQuery的验证插件.
- jQuery Form Validator - 非侵入式的验证插件.
- jquery-validation - 在既有表格中嵌入可定制的验证信息.
- jQuery.validationEngine - 在浏览器中验证表单字段
不属于以上分类的插件
- Boilerplate - 助力你的jQuery开发.
- Interlink - a链接事件处理.
- Sisyphus - Gmail风格的草稿箱.
- Slugify - 根据输入创建链接(类似Django slugify()).
- Readmore.js - 一个轻量级的提供"阅读更多"和"关闭"功能的插件.
移动端
- jQuery mobile - 使用HTML5的webapp开发框架.
- Interdimensional - 依靠陀螺仪滚动页面的jQuery插件.
- OhSnap!.js - 用于移动端的jQuery/Zepto通知插件.
UI
- Dragula - 可以和jQuery集成的拖拽库.
- jQuery UI - 立足于jQuery的UI、组件、特效和主题
- jQuery Enhanced Splitter - 创建一个可以拖动改变大小的分割块(译者注:类似vim的分窗口编辑).
- tabulous.js - 新时代的Tabs
- X-editable - 表单字段即时编辑,可以配合Bootstrap,jQuery UI或者只使用jQuery.
单元测试及测试
服务端集成和管理jQuery的最佳实践
- Node.js:
- PHP:
- PHP front end setup without Node - 指导如何结合BowerPHP,Mini-Asset,Robo形成一个PHP前端工作流(pipeline).
- symfony-collection - 利用Symfony和jQuery实现DOM添加、删除和移动的插件.
- Python:
- django-static-jquery - 使用Django打包和部署jQuery.
- Ruby:
- jquery-rails - 在Rails中自动使用jQuery.
- jquery-ui-rails - jQuery UI为Rails提供的工作流.
在社区里分享和问答jQuery相关知识.
- Forum - 官方论坛.
- Freenode - jQuery、jQueryUI、jQuery Mobile交流组.
- Stack Overflow - Stack Overflow的jQuery频道.
- Facebook - Facebook的jQuery群组.
- Linked.in - Linked.in的jQuery小组.
- Reddit - 讨论和分享新闻、文章、插件、教程,覆盖了jQuery核心, jQuery UI, jQuery Mobile和其他关联项目.
- Google+ - Google+的jQuery小组.
- Quora - Quora的jQuery话题.
- Meetup - jQuery本地交友会.
- Twitter - Twitter上的jQuery官方账号.
- Awesome lists:
- awesome - Awesome lists
- awesome-all - Awesome lists
- emijrp/awesome-awesome - Awesome lists
- erichs/awesome-awesome - Awesome lists
- GetAwesomeness - Awesome lists
- lists - Awesome lists
- awesome-javascript - Awesome JavaScript list
- awesome-javascript-books - JavaScript书籍封神榜
- js-must-watch - 最热门的JavaScript视频
欢迎您为这个列表 贡献 自己的力量. 给所有 贡献者 32个赞!
Peter Kokot 已经完成了在法律框架下全部版权相关的工作。