jQuery - 当元素可见时删除背景颜色

Question

一旦看到另一个元素，我想删除菜单的背景色（仅背景色）。我写了这段代码，但它不起作用 - 任何人都可以帮忙吗？

$(function() {
if($("#wrapperHome").is(":visible")) {
    $("#menu a").css({ "background-color", "black" });  
}
});

菜单中包含此背景样式表信息。

background:url(img/official/menu.png) center center no-repeat #f2f2f7;

Answer 1

我相信你想要这样的东西......

$("#menu a").css("background-color", ""); 

将背景颜色设置为“”基本上会删除样式，删除颜色。

Answer 2

在执行key / val CSS更改时使用:而不是,：

$("#menu a").css({ "background-color" : "black" }); 

或者因为它是一个值：

$("#menu a").css("background-color", "black"); 

Answer 3

您应该将样式移动到您网站的css中。这样可以避免让css乱七八糟，然后你可以重复使用它。

.selected-menu-item{ // or what ever it is that has a black background
  background-color: black;
}

然后在你的jquery中：

$("#menu a").toggleClass("selected-menu-item");