JQuery创建自定义插件css

我试图完成的是创建一个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",
});

---

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

(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));

---

我想你现在已经找到了你所缺少的地方。

我建议你浏览一下Addy Osmani关于jQuery插件结构的文章，这篇文章非常简单：你需要用camelCase，或者引用，

font-size

（

fontSize

或

'font-size'

）。您是否检查过浏览器的JavaScript控制台？因为那应该引起一个错误。啊，我犯了一个错误。我写的不是setting.fontSize，而是setting.front。所以，如果你用正确的名称替换变量，那么它就可以正常工作了！！！！跟进问题。。。。。你会有一个很棒的资源网站来改进我的插件吗？我不明白你的问题？请详细说明您的问题。是否有一个网站（除了Jquery.com）可以让我获得关于如何为Jquery创建插件的更多信息。这是我对快速入门的建议。