jquery插件的大体框架

　　依赖于jquery写js组件库的时候，每个组件其代码结构应该相同。这样开发者学习的时候就能很方便理解其实现原理。jQuery插件的写法各式各样，下面一个常用的大体框架，记录在此，以备查阅。

(function(){
    function _init(){}
    function _render(){}
    function _afterRender(){}
    function buildEvent(self) {//创建事件监听
    }
    function purgeEvent(self) {//删除所有事件监听
    }
    function _myFunction(self, arg){//私有方法
    }
    var publicMethods = {
        //这下面都是对外公布的api方法
        options : function(p) {
            var options = $.data(this[0], "myplugin").options;
            if (p) {
                $.extend(options, p);
            }
            return options;
        },
        myFunctionApi: function(arg) {
            this.each(function(){
                _myFunctionApi(this, arg);
            });
        }
    };
    var defaultConfig = {
        //这里面写默认配置项
        width : 'auto',
        height : 'auto'
    };
    //插件的构造函数,这种写法会污染$.fn。如果强烈需要引入模块化加载机制，则可考虑seajs等等
    $.fn.myPlugin = function(p) {
        if (p && typeof(p) == 'string') {
            if (publicMethods[p]) {//是api调用
                return publicMethods[p].apply(this, Array.prototype.slice.call(arguments, 1));
            }
            return null;
        }
        return this.each(function() {//是创建组件
            var tData = $.data(this, 'myplugin');
            var options;
            if (tData) {//存在tData则表示页面上已经有这个dom对象了
                $.extend(tData.options, p);
            } else {//否则要重新构建dom对象
                options = $.extend({}, defaultConfig, p);
                tData = $.data(this, 'myplugin', {
                    options : options
                });
                //组件相关数据缓存起来
                $.data(this, 'myplugin').mysec= _init(this);
            }
            _render(this);//渲染逻辑
            _afterRender(this);
            buildEvent(this);//构建事件监听
        });
    };
})(jQuery);

　　主意该写法会污染$.fn，可能引起命名冲突。