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

Question

我想在另一个元素可见时仅移除菜单的背景颜色（仅背景颜色）。我写了这段代码，但它没有起作用 - 有人可以帮忙吗？

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

菜单有以下背景样式表信息。

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

- didi

---

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

Answer 1

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

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

将background-color设置为""本质上是删除样式，从而删除颜色。

- Charlie74

Answer 2

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

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

或者因为它只有一个值：

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

- tymeJV

Answer 3

你应该将样式移到站点的CSS中。这样可以避免在JS中分散css，并且您可以重复使用它。

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

然后在你的jQuery中：

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

- Jared