jquery 插件写法笔记

<button id="btnShow">btnShow</button>
    <script src="jquery.js"></script>
    <script>
    $(function() {

        // 1. 对JQuery自身的扩展插件
        $.extend({
            handlerTable: function(selector) {
                var arg = $(selector),
                    bg = arg.css('backgroundColor'),
                    co = arg.css('color'),
                    ff = arg.css('font-family');

                console.log(arg + " " + bg + " " + co + " " + ff);
            }
        });


        (function($) {

            $.fn.person = function(options) {
                var defaults = {
                    name: 'dengzhiqiang',
                    sex: '男',
                    job: 'web前端开发工程师'
                };

                // 如果你在调用的时候写了新的参数，就用你新的参数，如果没有写，就用默认的参数。
                var options = $.extend(defaults, options);

                return this.each(function() {
                    console.log(this + options.name + " " + options.sex + " " + options.job);
                });
            };
        })(jQuery);

        $('button').click(function(event) {
            // 
            $.handlerTable("button");

            // $(this).person();
            console.log($(this).person({
                name: '黄君敏',
                age: 100,
                sex: '女'
            }));
        });

    });
    </script>