15.插件化

15.1　　jQuery的插件的一般写法

        (function ($) {
            //扩展这个方法到jQuery
            $.fn.extend({
                //插件名字
                pluginname: function () {
                    return this.each(function () {
                        //在这里编写相应代码进行处理
                    });
                }
            })
            //传递jQuery到内层作用域去，如果window，document在里面用得多，也可在这里传入
        })(jQuery);

        (function ($) {//这个东西叫IIFE
            //扩展这个方法到jQuery
            var Plugin = function () {

            }
            Plugin.prototype = {};
            $.fn.extend({
                //插件名字
                pluginname: function (options) {//用户的统一配置对象或方法名
                    //遍历匹配元素的集合
                    var args = [].slice.call(arguments, 1);
                    return this.each(function () {
                        //在这里编写相应代码进行处理
                        var ui = $._data(this, pluginname);
                        if (!ui) {
                            var opts = $.extend(true, {}, $.fn.pluginname.defaults, typeof options === "object" ? options : {});
                            ui = new Plugin(opts, this);
                            $._data(this, pluginnanem, ui);
                        }
                        if (typeof options === "string" && typeof ui[options] === "function") {
                            ui[options].apply(ui, args);//执行插件的方法
                        }
                    });
                }
            });
            $.fn.pluginname.defaults = {/*略*/ }//默认配置对象
            //传递jQuery到内层作用域去，如果window，document在里面用得多，也可在这里传入
        })(jQuery);