jQuery 创建自定义插件 css

Question

我想要完成的是创建一个 jqyery 插件来控制目标段落的 CSS。

我对自定义插件进行了一些研究，但没有找到任何解释我需要什么的文章。 我尝试创建截断的底部代码，但它没有工作，我是否遗漏了什么或不正确。

创建插件时是否遵循传统的 jquery 设置？书籍或网址也值得赞赏

(function($){
$.fn.changeletter= function(options){



var setting = $.extend({
color:"white",
backgroundColor:"red",
font-size:"15px"},options);


return this.css({
color:setting.color,
backgroundColor:setting.backgroundColor,
font-size:setting.front,
    });


};

}(jQuery));


//Code

 $("p").changeletter({
color:"red",
backgroundColor:"black",
font-size:"100px",
});

Answer 1

嘿，我已经像这样修改了你的插件。这是有效的

(function($) {
        $.fn.changeletter = function(options) {
            debugger;
            var setting = $.extend({
                color: "white",
                backgroundColor: "red",
                fontSize: "15px"
            }, options);
            return this.css({
                'color': setting.color,
                'background-color': setting.backgroundColor,
                'font-size': setting.front,
            });
        };
}(jQuery));

我猜你现在找到了你想念的地方。