jQuery为扩展插件提拱了两个方法，分别是：jQuery.extend(object) —— 给jQuery对象添加方法。jQuery.fn.extend(object) —— 为扩展jQuery类本身.为类添加新的方法； fn表示什么呢？下面代码是jQuery源代码中定义的fn：jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//…… }; 从上面代码我们不难看出 jQuery.fn = jQuery.prototype。对于prototype肯定不会陌生， javascript没有明确的类...
http://www.cnblogs.com/Leo_wl/archive/2012/04/06/2435511.html 以前一直比较好奇，jquery插件是怎么开发的，怎么写属于自己的插件？昨天在逛codeproject网站的时候，突然看到一篇文章：How to write plugin in Jquery.如果对E文好的同学 ，可以看上面的连接。现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。资料来源：【1】How to write plugin in Jquery.【2】锋...
jQuery是一个可订制的、轻量级的前端开发框架，它会让你的前端开发拥有无限的可能性。它会在敏捷Web开发中帮你做很多事情，比如简化HTML文档的解析、事件处理、动画效果和Ajax交互。实践上jQuery已经成为了新一代的标准。在这篇文章中，我们整理了9月份以来最新的15个jQuery插件， 它们都非常优秀。根据下面提到的这些jQuery插件，你可以在很多地方提高和优化Web应用的性能。我们希望你能从中找到对你有帮助的插件，如果你也知道很...
最近在复习JQuery，发现自己还没写过一个插件。在写插件之前，觉得开发插件是高端上档次的事，跟我这种小菜不搭边啊。不过在网上查了相关资料，发现开发插件其实是很简单的。在这里我将说明JQuery插件常用的写法，以及这些插件的常用场景。 希望对大家有所帮助。先准备了自己以前写过的一个火车票列表的页面，点击"设置样式与事件"出现以下效果。 这页面效果直接用Js代码实现的，那么在这里我们用插件的方法实现以上效果。 页面...
<div class="form-group"> <label class="col-sm-3 control-label no-padding-right" for="form-field-5"> 内容</label> <div class="col-sm-9"> <textarea class="col-sm-8" id="form-field-5" placeholder="请输入内容..."></textarea> </div> </div>$.extend({textareaAutosize_dc:function(){$("textarea").on("keyup",function(e){var currentEnterCount=$(this).val().split("\n").length;var lineHeigh...
自定义滚动条jquery-custom-scrollbar放大镜 fancybox,lightbox,jquery zoom原文：http://www.cnblogs.com/toward-the-sun/p/5583350.html
1 (function(){2 $.fn.YAccordion=function(options){3 4var settings={5 trigger:‘click‘,6 speed:300,7 };8 9if(options) 10 $.extend(settings,options); 1112returnthis.each(function(){ 13 $("p",this).bind(settings.trigger,function(){ 14 $(this).next("ul").slideToggle(settings.speed).siblings("ul").hide(); 15 }); 16 ...
比如基于jquery的select2插件，在vue下单独用有很多问题，其实对于这类插件，可以用vue的自定义指令和组件来包装，解决冲突的问题。引用官方vue1.0和2.0的两个例子，学习一下。例子1.0 例子2.0原文：http://www.cnblogs.com/zhansu/p/6112837.html
这个插件包含三个部分：HTML结构、CSS代码和JS代码。HTML结构是固定的，结构如下： 1<!--全屏滚动--> 2<div class="fullpage-container"> 3<div class="fullpage-pagebox"> 4<div id="fullpage-page1" class="fullpage-page-vertical"><h1>1</h1></div> 5<div id="fullpage-page2" class="fullpage-page-vertical"><h1>2</h1></div> 6<div id="fullpage-page3" class="fullpage-page-vertical"><h1>3</h1></div> 7<div id="fullpag...
用jquery开发插件其实很简单。今天实现了一个入门级别的功能。 随便来个DIV，便于理解。 div{height:100px;width:100px;display:block;background:#f00;border-radius:50%;text-align:center;}这个玩意的功能也很常见，CSS3的旋转，鼠标放上去他能转，度数，速度都是参数。坦白将这个项目没多大卵用，CSS hover就能实现，虽然多了会写的麻烦，毕竟练手项目，第一个插件，不能要求太高。上代码： 1 <script type="text/javascri...
jQuery如此流行，各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢？如果你的答案是肯定的，那么来吧！和我一起学写jQuery插件吧！ 很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，JavaScript技能又是必不可少的。所以，如果前端小MM正在为某个JavaScript效果发愁的时候，你潇洒的过去，然后对她说：“嗨，美女，用这个吧。这是我写...
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery可以为后来的元素绑定事件 类似于jQuery中的live()方法 4.jQuery UI 5.jQuery Cookie 6.遮罩层插件:thickbox 7.编写jQuery插件<1>编写插件的目的：给已经有的一些列方法或函数做一个封装，一遍在其他地方使用，方便后期维护和提高开发效率。 <2>三种类型的插件a:封装对象方法的插件 jQuery.fn.extend()b:封装全局函数的插件 jQuery.extend()c:选择器插...
关于ImgAreaSelect, 是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，如图片拖曳、图片编辑等~~来具体看一下1、先下载imgAreaSelect插件下载地址：英文：http://odyniec.net/projects/imgareaselect/中文：http://www.css88.com/EasyTools/javascript/jQueryPlugin/imgAreaSelect/index.html在头部引用：<link rel="stylesheet" type="text/css" href="../jquery.imgareaselect-0.9.10/css/imgareaselect-default.css" ...
将类似的jQuery代码，转化为插件，可以提高代码的重用性，并能够有效的组织代码。(function($){$.fn.yourPluginName=function(){//Your code goes herereturn this;} })(jQuery)总结以便之后查阅。原文：http://blog.csdn.net/comeonstone/article/details/38515765
http://www.cnblogs.com/xcj26/p/3345556.html一：导言 有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二：普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下两个：$.extend(object) 可以理解为JQuery 添加一个静态方法。$.fn.extend(object) 可以理解为JQuery实例添加...