用于更改css bg颜色的jQuery函数

Question

我想创建一个更改对象的css属性的函数。 我试过下面的代码

function setBgColor($obj, $color) {
    $obj.css("background-color", $color);
}
setBgColor($(".bg-red"), "red");

它有效。 但是我想从这样的对象中调用函数

function setBgColor($color) {
    $(this).css("background-color", $color);
}
$(".bg-red").setBgColor("red");

有人可以帮忙吗？

Answer 1

您可以使用jquery原型来执行此操作：

$.fn.setBgColor = function($color) {
    return $(this).css("background-color", $color);
}
$(".bg-red").setBgColor("red");