jQuery下扩展插件和拓展函数的写法（匿名函数使用的典型例子）

jQuery下扩展插件和拓展函数的写法可以使用匿名函数，以下是详细步骤：

步骤1：编写jQuery插件

首先，我们需要使用jQuery.fn扩展对象来编写一个jQuery插件。下面是一个编写了一个新的插件的示例代码：

(function($){
    $.fn.myPlugin = function(options){
        // 插件代码
    };
})(jQuery);

上述代码中，我们定义了一个名为myPlugin的函数，该函数是可以添加到jQuery对象上的，任何jQuery对象都可以使用该函数，myPlugin需要接受一个options对象作为参数，在调用myPlugin时，将options传递给插件使用。

步骤2：编写jQuery拓展函数

如果您想将一些普通函数添加到jQuery命名空间中，那么您可以使用$.extend()方法。以下是一个编写了一个jQuery拓展函数的示例代码：

$.extend({
    myFunction: function(param){
        // 执行函数代码
    }
});

上述代码中，我们定义了一个名为myFunction的拓展函数，该函数是添加到jQuery命名空间上的，而不是添加到jQuery对象上的。在调用myFunction时，需要传递一个param参数。

步骤3：使用jQuery插件和拓展函数

最后，我们可以在jQuery对象或命名空间上使用编写的插件和拓展函数。以下是一个示例：

$(function(){
    // 使用插件
    $('body').myPlugin({
        // options
    });

    // 使用拓展函数
    $.myFunction('hello');
});

上述代码中，我们首先在body上使用了我们刚才编写的myPlugin插件，并将选项对象传递给插件。其次，我们使用了刚才编写的myFunction拓展函数，并将"hello"作为参数传递给函数。

示例1：jQuery拓展函数

以下是另一种$.extend()方法的实现示例，我们将它称为simpleExtend：

$.simpleExtend = function(obj1, obj2){
    for(var prop in obj2){
        obj1[prop] = obj2[prop];
    }
    return obj1;
};

上述代码中，我们定义了一个名为simpleExtend的拓展函数，该函数接受两个对象参数，并返回第一个对象参数，该函数将第二个对象参数的所有属性复制到第一个对象参数中。

示例2：jQuery插件

以下是一个具体的jQuery插件示例，该插件可以在文本输入框中实现字数统计，并支持自定义选项：

(function($){
    $.fn.wordCount = function(options){
        // 配置选项
        var settings = $.extend({
            limit: 50,
            counterElement: '#counter'
        }, options);

        // 统计制定元素的字数
        function countWords(element){
            var words = element.val().split(' ');
            return words.length;
        }

        // 在元素中更新计数器
        function updateCounter(element, wordCount, settings){
            var counter = $(settings.counterElement);
            counter.text(wordCount+'/'+settings.limit);
            if(wordCount>settings.limit){
                counter.addClass('error');
            } else {
                counter.removeClass('error');
            }
        }

        // 匹配输入文本框
        return this.each(function(){
            var element = $(this);

            // 绑定keyup事件
            element.bind('keyup', function(){
                var wordCount = countWords(element);
                updateCounter(element, wordCount, settings);
            });
        });
    };
})(jQuery);

上述代码中，我们定义了一个名为wordCount的插件，该插件可以添加到文本输入框元素中，以实现字数统计。该插件支持两个选项：limit可以设置字数限制，counterElement可以设置计数器元素的选择器字符串。

使用该插件的示例代码：

// 激活wordCount
$('textarea').wordCount({
    limit: 100,
    counterElement: '#counter'
});

上述代码中，我们使用wordCount插件，将其添加到textarea元素上，并指定选项。