一、先从一个简单的实例，不需要带参数的一个方法开始
//创建一个匿名函数
| 代码如下 | 复制代码 |
| (function($){ //给jQuery附加一个新的方法（详细见备注1） $.fn.extend({ //插件的名字 MyFirstName: function() { //迭代当前匹配元素集合 return this.each(function() { var obj = $(this); //自己的代码 }); } }); )(jQuery); |
|
备注1：理解$.fn.extend和$.extend的区别，大概的说前者是将MyFirstName这个方法合并到jquery的实例对象中，例如$(“#txtmy”).add(3,4)这样调用方法，后者是将MyFirstName这个方法合并到jquery的全局对象中，例如$.add(3,4); 这样调用方法
详细区别见
jQuery为开发插件提拱了两个方法，分别是：
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
fn 是什么东西呢。查看jQuery代码，就不难发现。
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//......
};
原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。
虽然 javascript 没有明确的类的概念，但是用类来理解它，会更方便。
jQuery便是一个封装得非常好的类，比如我们用 语句 $("#btn1") 会生成一个 jQuery类的实例。
jQuery.extend(object); 为jQuery类添加添加类方法，可以理解为添加静态方法。如：
$.extend({
add:function(a,b){return a+b;}
});
便为 jQuery 添加一个为 add 的 “静态方法”，之后便可以在引入 jQuery 的地方，使用这个方法了，
$.add(3,4); //return 7
jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
二、有参数的
| 代码如下 | 复制代码 |
| //创建一个匿名函数 (function($){ //给jQuery附加一个新的方法（详细见备注1） $.fn.extend({ //插件的名字 MyFirstName: function() { //定义默认参数 Var parms={ Parms1:1, Parms2:2 } //合并用户传的参数和默认参数，返回给options（详细见备注2） var options = $.extend(defaults, options); //迭代当前匹配元素集合 return this.each(function() { //把合并后的参数赋值给o var o= options; //迭代当前匹配元素 var obj = $(this); //自己的代码 }); } }); )(jQuery); |
|
备注2：var options = $.extend(defaults, options); 意思是把defaults和options合并，如果后者有和前者名称一样的元素，后者覆盖前者，然后合并给defaults，然后defaults赋值给options，如果是var options = $.extend(｛｝,defaults, options);那么是把前者和后者合并给｛｝这个参数，然后赋值给options，defaluts的结构和值都没有变化