【笔记】JQuery自定义插件实现方式

【笔记】JQuery自定义插件实现方式

类型有两种：JQuery对象级别、JQueryl类级别

一、对象级别

1、方式一：

调用：$("body").al("对象级别方式一");

;(function($){      $.fn.extend({          "al":function(text){              //这里写插件代码alert(text);        }      });  })(jQuery);

2、方式二：`

调用：$("body").bl("对象级别方式二");

;(function($){      $.fn.bl=function(text){          //这里写插件代码alert(text);    }  })(jQuery); 

二、类级别

1、方式一：

;(function($){      $.extend({          "aal":function(text){              //这里写插件代码alert(text);        }      });  })(jQuery);

调用：$.aal("类级别方式一");

2、方式二：

;(function($){      $.bbl=function(text){          //这里写插件代码alert(text);    }  })(jQuery); 

调用：$.bbl("类级别方式二");