文章中代码来源于百度经验/article/e75acaedac63b.html和Software Craft /jonyzhu/p/3732468.html
Jquery创建插件使用的主要方法为：
最近看了JQuery源码，对其又有了新的理解
一、$.extend 用来拓展类级别的jquery方法
&&&&&&& 比如$.extend(add:function(a,b) return(a+b))&&&&$.add(1,2);
二、$.fn.extend 用来拓展对象的方法
&&&&&&& fn即prototype，这种方式表示实例化jQuery拓展方法
&&&&&& 比如$.fn.extend(changeColor:function(color) returnthis.css({&background&: color }))&&& $(&#table&).changeColor(&#FFF&);
三、开发一个插件的步骤：
这个方法中采用了闭包的形式，function中传入一个形参$，最后传入jquery实参
(function($){
&&& var defaults = {&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& //设置默认值
&& & & & & & & & & & & & & & && name:&插件&，
&& & & & & & & & & & & & & & && version:&1.0&
&&& var showName = function(obj){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& //闭包里的方法，不能被外界调用
&&&&&&& &(obj).append(function(){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& return &name&;
&&&&&&& });
&&& $.fn.extend.myTable(fuction(options){
&&&&&&&& var options = $.extend(defaults, options);&&&&&&&&&&&&&&&&&& //将默认值与传入的参数进行合并
&&&&&&&& return this.each(function(){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& //循环调用每个函数
&&&&&&&&&&&&&&&&&&&& showName(this);
&&&&&&&& });
})(jQuery)
调用方法：
&div id=&divShowName&&&diiv&
$(&divShowName&).myTable();
返回“插件”
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：66次
排名：千里之外2016年31款轻量高效的开源JavaScript插件和库（上）
目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库，但同时面临一个苦恼的问题：它们中的大多数实在是太累赘而且常常降低网站的性能。其实，其中也有不少轻量级的插件和库，它们不仅轻巧有用，而且不会影响网站的性能。本文就为大家整理了2016年以来30多款轻量级Javascript插件和库的列表，这些工具服务于特定的目标，并且它们能够非常有效和高效地实现目标。不管你想创建一个图片库、一个滑动效果，个性化菜单还是其他接口元素，你都可以用这些插件和库轻易的实现。同时，你还可以使用这些插件为网站增加出色的功能，例如GIF和图片预览、吸引人的网站图标及其他。这些插件和库都是非常简单的编码并且可以轻易实现。你以后肯定会发现它们对于你的Web项目非常有用。1、baguetteBox.js（/feimosi/baguetteBox.js）baguetteBox.js是一个简单易用的响应式图像灯箱效果脚本，而且在移动设备上支持滑动手势，完全使用Javascript编写。（压缩后大约2.7KB）DEMO：https://feimosi.github.io/baguetteBox.js/2、ScrollReveal（/jlmakes/scrollreveal.js）ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画（压缩后大约3.3KB）请各位自行打开DEMO页面感受一下动画效果。：）DEMO：https://scrollrevealjs.org/3、Marginotes（/fdansv/marginotes）Marginotes，使用jQuery实现的添加旁注插件，快速，炫酷。DEMO：http://francisco.dance/4、Loud Links（/mahdif/loud-links/）LoudLinks是一个轻量级的JavaScript库用于添加交互声音到您的站点。它通过创建HTML5音频元素并用它来播放MP3或OGG音频文件来实现这个功能。（约1.5KB）还是烦请各位打开下面的链接感受一下效果。：）DEMO：http://loudlinks.rocks/#examples5、Bricks.js（/callmecavs/bricks.js）Bricks.js，是一款超快的用于固定宽度元素的“砖石”布局生成器可以在DEMO页面输入所需的砖块个数，查看生成的效果（每次都会随机变化）DEMO：/bricks.js/6、MediumEditor（/yabwe/medium-editor）MediumEditor，使用了Vanilla Javascript框架。MediumEditor是一个轻量级的（28KB）仿的所见即所得在线编辑器工具栏。还有一个可用的MediumEditor扩展和主题。DEMO：https://yabwe.github.io/medium-editor/7、Philter（/Specro/Philter）Philter可以让你通过使用HTML属性控制CSS滤镜，使用它之后，当你将光标移动到图片上的时候，图片上会加载CSS滤镜。无论是作为jQuery插件还是Vanilla Javascript框架都可用。DEMO：http://specro.github.io/Philter/8、SuperEmbed.js（/corbindavenport/superembed.js）SuperEmbed.js是一个Javascript库，可检测出网页上的内嵌视频并使他们能够变成响应式元素（压缩后约1.6KB）DEMO：https://jsfiddle.net/h6x04LuL/9、Substance（/substance/substance）Substance是一个基于Web的内容编辑JavaScript库。它给你提供所有你需要用于创建自定义编辑器和基于Web的发布系统的工具。DEMO：http://substance.io/10、&List.js（/javve/list.js）List.js是一个轻量级的和快速的Vanilla JavaScript框架脚本，为列表、表格或其他任何HTMLL标签增加了搜索，排序，过滤器和灵活性等元素DEMO：/11、jqGifPreview（/SodhanaLibrary/jqGifPreview）jqGifPreview是一个简单的jQuery插件，用于创建GIF预览，就像你在Facebook上看到的。DEMO：/angular/gif_preview/jqGifPreview/demo.html12、Datedropper.js（https://www.oschina.net/p/datedropper-js）Datedropper.js是一个jQuery插件，为您提供了一种简单的方法用于在输入区域输入日期。DEMO：/projects/datedropper/13、jfMagnify（/fonstok/jfMagnify）jfMagnify是一个jQuery插件用于在任何HTML元素创建放大镜效果，不仅仅是图像。DEMO：/fonstok/jfMagnify/tree/master/demo14、jQuery formBuilder（https://www.oschina.net/p/jquery-formbuilder）jQuery formBuilder是一个新的jQuery插件，可通过拖放的方式快速生成表格DEMO：https://formbuilder.online/15、Popper.js（/FezVrasta/popper.js）Popper.js是一个轻量级的库用于管理工具提示和弹窗效果。你可以快速轻易地使用一行代码放置工具提示控件。（压缩后约4KB）DEMO：https://popper.js.org/16、Image Blur Plugin（/msurguy/background-blur）Image Blur Plugin是一个轻量级的跨浏览器jQuery插件，用于生成图像模糊效果DEMO：https://msurguy.github.io/background-blur/原文链接：/html/it/261810.htm
TA的最新馆藏[转]&[转]&[转]&[转]&[转]&[转]&20个令人敬畏的jQuery插件 - 推酷
20个令人敬畏的jQuery插件
为网页设计师和开发推荐20个令人敬畏的jQuery插件。例如滑块，图像画廊，幻灯片插件，jQuery的导航菜单，jQuery文件上传，图像旋转器，标签的插件，用户界面 元素，网络接触形式，模态窗口，工具提示，字体大小，和许多其他真棒jQuery脚本收集在一个地方。
jQuery的创建可视化组织结构图
jOrgChart是一个jQuery插件，它允许转换成树形结构嵌套无序列表元素，然后按组织结构图般的输出。
它支持任何深度，单击每个项目可以显示/隐藏子水平，并拖动’N'下降从一个节点到另一个元素是可能的，该接口将相应地调整水平。
非常容易使用嵌套的无序列表中的元素。
拖动和重组的元素。
通过点击相应的节点上显示/隐藏着一个特定的节点。
节点可以包含任意数量的HTML（&li&和&UL&除外）。
IPICTURE一个jQuery插件工具提示，完美的交互式图像使我们能够将任何所需位置的图像工具提示。
IPICTURE有几个选项，可以自定义功能，包括能够使用不同的指针图像的每一个工具提示或他们的动画类型还包括幻灯片或滑动。
Blur.js是一个惊人的jQuery插件模糊的网络元素。
实际上，它的工作原理是创建和放置伪透明模糊超过目标的元素，并使得使用的StackBlur算法。
它可以轻松定位页面背景或其他HTML元素的背景的半径影响，有内置的缓存再利用模糊的图像，并支持的项目应用效果可拖动。
轻松创建一个灵活的和用户友好的上传功能。
它可以显示预览图像上传和进度条。
支持任何服务器端平台（谷歌的App Engine，PHP，Python和Ruby on Rails的，Java等），支持标准的HTML表单的文件上传插件。
jQuery的文件上传可以处理跨域，分块和可恢复的文件上传。文件类型和最大 – 最小尺寸可以限制与简单的功能，它可以与任何服务器端语言。
是一个开放源码的免费的jQuery用户界面网络工具，以减轻开发的开发人员和设计人员。
提供了好多组件如日历，旋转木马，倒计时，日期选择器，下拉列表中，EXPANDO，形式，顶部导航，验证，表格，按钮，字体设计，分页等等
是一个简单而优雅的滚动网页导航的jQuery插件。提高网站的可用性。
这是一个非常灵活的插件，可以集成到任何网页轻松地自动创建一个固定在侧边栏=或在顶部的导航。
该插件还可以显示顶部和底部的箭头浏览部分一
有几个自定义选项，包括滚动速度，偏移量和回调。
Compatibility: All Modern Browsers
用于创建基于AJAX CRUD表格插件。
它有几个特点，包括：
自动创建HTML表和负载从服务器使用AJAX的记录。
创建“创造新纪录的jQueryUI的对话形式。当用户创建一个记录，将数据发送到服务器使用AJAX和添加相同的记录表中 的页面。
创建“编辑记录”jQueryUI的对话形式。当用户编辑一条记录，更新服务器使用AJAX和更新表中的所有单元格的页面。
允许用户删除记录的jQueryUI的基于对话框的确认。当用户删除一条记录，删除记录，从服务器使用AJAX和删除的记录从表中的页面。
显示动画创建/删除/编辑对表的操作。
支持服务器端分页使用AJAX。
支持服务器端排序使用AJAX。
支持主/子表。
允许用户选择行。
暴露了一些事件，使与形式验证。
它可以localizedeasily。
所有的样式表和形式的定义在CSS文件中，这样你就可以很容易地改变风格，一切都在你的页面中使用插件。 CSS文件被很好地定义和注释。
它配备了预先定义的颜色主题。
它不依赖于任何服务器端技术。
它是平台独立和所有常见的浏览器上工作。
Diapo开发人员创建一个新的插件，名为Camera的jQuery幻灯片插件具有巨大的影响，它有更多的功能和工作得很好响应式布局。此幻灯片插件可以创建任何HTML元素（图片，文字，视频等）及相机显示他们的一个漂亮的界面+一组转换。
上页下按钮或子弹导航可以浏览，播放/暂停选择和装载机项目下一张幻灯片的时间通知用户。
该插件可以通过CSS的外观，目前已经有提供多种皮肤。
它几乎所有的选项，各方面的接口+功能，可定制的回调存在于各个层面。
是一个jQuery的通知插件，用于创建灵活的，用户友好的，提醒和确认对话框中选择通知插件很容易地使用。
它具有内置支持的警报，成功，错误和确认提示以及元素淡入/淡出或模态盒。
通知可以显示的任何部分上的一个网页（顶部，底部，中心，左上方或右上方）和许多选项存在定制（打开/关闭的动画，显示持续时间，可封闭或不和更多的速度）。
这是很好的确保每个项目的顺序从队列中每个显示通知。
有不同的回调函数提供的在线编辑器自定义通知存在。
是一款功能强大的jQuery的工具提示插件。
qTip2为您提供了许多提示功能，如语音气泡提示和图像映射支持，该插件可以在任何想要的位置，提示了很好的影像地图，他们可以设置任何元素（方便的拖动’N'下降和动画的项目）或鼠标。
工具提示可以完全风格，有一个可选的主题辊的支持，他们甚至可以显示为模态窗口。
它具有内置的AJAX集成和可以加载任何远程的数据。 qTip2有很多的创意演示，包括各种流行的插件集成。
是一个背景图像幻灯片jQuery插件，它允许您添加到您的网页的背景和一个大的图像（或一组图像）的比例将调整以填满整个窗口区域的图像。
它可以使用一个单一的图像调整大小的功能或多幅图像的幻灯片。
幻灯片的分页和自动播放上一个下一个按钮，除了可以浏览，并有多个提供的过渡类型。
产品特点：
不显眼的脚本，简单的设置，
兼容所有现代浏览器
支持单个和多个图像
自定义幻灯片放映速度。
播放和暂停任何自定义事件的方法
浏览器兼容性
MS Internet Explorer 6, 7, 8, 9, Mozilla Firefox 2, 3, 4, Opera 9+, Apple Safari, Google Chrome
When we need to take an image and cut an irregular shape out of it. The only thing to do is to edit image with photoshop and save as a PNG , because it is the only image format used by all web browsers that support alpha channels.
裁剪成多边形的JPEG.
当我们需要拍摄图像，如果要改变它不规则的形状。唯一要做的，就是用photoshop编辑图像，并保存为PNG。polyClip.js有一个使用image map及Html5 Canvas
这个库还支持旧版本的IE（7-8）使用
轻量级的展 开和折叠内容插件。
这个插件提供了一个方便，轻量级的解决方案，广泛采用的接口模式。插件的设计是灵活的，模块化。选项 包括自定义的回调函数来满足每一个自定义的需要。
是一个改善功能的文本输入字段标签输入和自动完成的jQuery插件。
这个插件是模块化的，可扩展和具有的功能，如这个插件是模块化的设计使您可以轻松地把一个标准的HTML文本输入到一个范围广泛的现代化，标签输入，过滤，自动完成，占位符 及 ajax异步。这可以自定义箭头、选择字段等等 TextExt在不断的改进，其提供了比较多的例子。
是一个jQuery插件用来显示RSS / Atom供稿。
这个插件是很容易使用，只需要几行代码就可以抓取你想要的定阅的东东。
是一个jQuery和MooTools插件，涵盖了最常见的滑盖功能的API。 Revolver.js易于使用自己的滑块作为一个样板或框架。他们的设计是用CSS控制下和的API具有足够的灵活性，在任何希望的方式来管理它。
有许多过渡类型可供选择，功能的浏览项目（第一，上，下等）和回调提供每个事件。
是一个jQuery插件，用于创建，访问和可定制的HTML5媒体播放器。
玩家可以完全控制键盘与标准的基于选项卡的导航，屏幕阅读器支持+访问的主题和各种其他辅助调整。
功能特点：
轻松定制和更换主题
加载指示器
记住的音量水平使用HTML5 localStorage
易于使用，理解和适应
自由和开放源码
一个漂亮的jQuery UI主题，其灵感来自Twitter。
是一个jQuery插件创建的网页中滚动的滚动效果。
图形滑动插件
21 个CoolCarousels.
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致966,690 三月 独立访问用户
语言 & 开发
架构 & 设计
文化 & 方法
您目前处于：
基于GitHub的jQuery插件资源库业已发布
基于GitHub的jQuery插件资源库业已发布
日. 估计阅读时间:
不到一分钟
注意: 挥一挥衣袖，带走满满干货，关注，时不时发福利呦！
Author Contacted
相关厂商内容
相关赞助商
QCon北京-18日，北京&国家会议中心，
告诉我们您的想法
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
赞助商链接
架构 & 设计
文化 & 方法
<及所有内容，版权所有 &#169;
C4Media Inc.
服务器由 提供, 我们最信赖的ISP伙伴。
北京创新网媒广告有限公司
京ICP备号-7
注意：如果要修改您的邮箱，我们将会发送确认邮件到您原来的邮箱。
使用现有的公司名称
修改公司名称为：
公司性质：
使用现有的公司性质
修改公司性质为:
使用现有的公司规模
修改公司规模为：
使用现在的国家
使用现在的省份
Subscribe to our newsletter?
Subscribe to our industry email notices?
我们发现您在使用ad blocker。
我们理解您使用ad blocker的初衷，但为了保证InfoQ能够继续以免费方式为您服务，我们需要您的支持。InfoQ绝不会在未经您许可的情况下将您的数据提供给第三方。我们仅将其用于向读者发送相关广告内容。请您将InfoQ添加至白名单，感谢您的理解与支持。