用于更改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");