《jQuery插件开发 - 插件锻造师》第四章 插件编写模板总结

通过前两章的学习，我们可以总结出一个插件编写的模板：

;(function ($) {
    "use strict";
    $.fn.方法名称 = function (options) {
        var parameter = $.extend({
            '参数1': '默认值1',
            '参数2': '默认值2',
            ...
        }, options);

        return this.each(function () {
            var $this = $(this);
            var $parameter = parameter;
            //调用参数时：$parameter.参数1或$parameter.参数2等等
            $this.on('事件1', function() {
                //这里写主代码... 
            });
            $this.on('事件2', function() {
                //这里写主代码...
            });
            ...
        });
    };
})(jQuery);

调用插件中的方法：

<!-- 此处在HTML中调用插件方法 -->
<script type="text/javascript">
    $(function(){
        $('class或id').方法名称({
            参数1: "新值1",
            参数2: "新值2",
            ...
        });
    });
</script>

接下去我们就要开始真的实战演练了，以上述的模板来编写一个弹窗的jQuery插件，还等啥呀赶紧下一篇呀！

（由于JQ逐渐退出历史舞台， 本系列文章不再更新。）