【笔记】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("类级别方式二");