JQuery创建自定义插件-css

时间:2014-04-13 08:10:54

标签: jquery jquery-plugins

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

1 个答案:

答案 0 :(得分: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));

我猜你现在到了失踪的地方。