首页 > 代码库 > jQuery插件模板

jQuery插件模板


jQuery插件模板

制作JQuery插件的基本框架
演示:http://www.huiyi8.com/chajian/


(function($){
    //The jQuery.aj namespare will automatically be created if it doesn‘t exist
    $.widget("aj.filterable",{
        //These options will be used as defaults
        options: {className : "" },
         
        _create: function(){
            //The _create method is where you set up the widget
        },
                 
        //Keep various pieces of logic in separate methods
        filter: function(){
            //Methods without an underscore are "public"
        },
        jquery插件库  
        _hover: function(){
            //Methods with an underscore are " private"
        },
         
        _setOption: function(key, value){
            //Use the _setOption method to respond to changes to options
            switch(key){
                case "length":
                    break;
            }   
            $.Widget.prototype._setOption.apply(this,arguments)
        },
        destroy: function(){
            //Use the destory method to reverse everything your plugin has applied
            $.Widget.prototype.destroy.call(this);
        }   
    });
})(jQuery);

 

jQuery插件模板