jQuery是一个封装的很好的类,比如我们使用$(“#username”)会生成一个 jQuery类的实例。
1、jQuery插件开发主要使用如下两个方法:
1.1、添加静态方法
jQuery.extend(object);
为扩展jQuery类本身,为类添加新的方法,可以理解文添加静态方法。
$.extend({
addMethod : function(a, b){return a + b;} // $.addMethod(1, 2); //return 3
});
1.2、添加成员方法
jQuery.fn.extend(object);
jQuery.fn = jQuery.prototype
给jQuery对象添加方法,对jQuery.prototype进行扩展,为jQuery类添加成员方法:
$.fn.extend({
getInputText:function(){
(this).click(function(){
alert((this).val());
});
}
});
$(“#username”).getInputText();
2、一个通用的框架:
以下是一个通用的框架:
(function($){
$.fn.yourPluginName = function(options){
//各种属性和参数
var options = $.extend(defaults, options);
this.each(function(){
//插件的实现代码
});
};
})(jQuery);
关于
$.extend(defaults, options);
就是通过合并defaults和options来扩展defaults,实现插件默认参数的功能,详细解释可以参考jQuery的官方文档: