JS-38-jQuery07-jQuery插件

// 定义一个简单的jQuery插件
$.fn.extend({
    "simplePlugin": function(options) {
        // 默认配置
        var defaults = {
            'color': 'red',
            'fontSize': '12px'
        };
 
        // 合并用户提供的选项和默认选项
        var settings = $.extend({}, defaults, options);
 
        // 遍历匹配的元素集合并应用插件
        return this.each(function() {
            // 在每个匹配元素上设置样式
            $(this).css({
                'color': settings.color,
                'fontSize': settings.fontSize
            });
        });
    }
});
 
// 使用插件
$(document).ready(function() {
    // 将所有<p>元素的颜色设置为蓝色，字体大小设置为20px
    $('p').simplePlugin({
        'color': 'blue',
        'fontSize': '20px'
    });
});

这段代码定义了一个简单的jQuery插件simplePlugin，它允许用户设置文本的颜色和大小。插件使用$.extend来合并默认配置和用户提供的选项，然后遍历匹配的元素并应用这些样式。使用时，可以通过传递一个对象来覆盖默认配置，例如设置颜色为蓝色和字体大小为20px。