jQuery 插件开发

以下是一个简单的jQuery插件开发示例，它创建了一个插件来设置元素的文本颜色。

// 定义一个命名空间
(function($) {
    // 定义插件的方法
    $.fn.setTextColor = function(options) {
        // 合并默认选项和传入的选项
        var settings = $.extend({
            color: "#000000" // 默认颜色
        }, options);
 
        // 遍历匹配的元素集合
        return this.each(function() {
            // 将元素的文本颜色设置为传入的颜色
            $(this).css('color', settings.color);
        });
    };
})(jQuery);
 
// 使用插件
$(document).ready(function() {
    // 设置所有<p>元素的文本颜色为红色
    $("p").setTextColor({ color: "red" });
});

这个插件setTextColor允许用户传入一个选项对象，该对象至少包含color属性，来设置文本的颜色。插件方法each被用来遍历所有匹配的元素，并使用jQuery的css方法来更改文本颜色。使用时，只需调用$("p").setTextColor({ color: "red" });即可将所有<p>元素的文本颜色设置为红色。