使用css更改div的背景顏色

到目前爲止的代碼：

CSS

.div{ 
background-color: #000; 
} 

.live .div:not{ 
background-color: #ddd; 
}

的Javascript

function change(){ 
$("body").addClass("live"); 
}

HTML

<div onclick="change()">change</div> 
<div>...</div>

使用'background'或'background-color' css屬性。 – abiessu

您是否認爲：$（'body'）.css（'backgroud-color'，'someColor'）; ？ – paka

看起來像你發佈的代碼工作！還是做了？我們讚賞一個具體的問題陳述。 – MathSquared

使用以下命令：

.div{ 
    background-color: #000; 
} 

.live .div:not{ 
    background-color: #ddd; 
}

另外，你打算在你的代碼的某個地方使用<div class="div">...</div>？

2013-07-23 21:46:21 abiessu

看起來很好你在做什麼，只要確保使用背景顏色。如果它有幫助，我做了一件隨機顏色的事情。 http://gascalculator.ca/randomcolor

我雖然用純JavaScript，我不熟悉使用jQuery

2013-07-23 21:46:58 eshellborn

如果我理解正確，您想要做的是改變身體的背景顏色當您單擊DIV。

由於您使用的是jQuery，因此我會使用DIV上的.click（）函數觸發背景顏色更改。

HTML

<body> 
    <div class="div"> 
     Change my world! 
    </div> 
</body>

CSS

.div{ 
background-color: #000; 
color: white; 
}

的JavaScript

$(".div").click(function(){ 
    $("body").css("background-color", "#ddd"); 
});

這裏是一個live example。

2013-07-23 22:29:56 fedxc

每個人似乎都對你想要完成的事感到困惑。 @fedxc可能有正確的解決方案。但是，如果你想改變顏色只被點擊的div，這將做到這一點：

HTML：

<body> 
    <div> 
     Change this div! 
    </div> 
</body>

CSS：

div{ 
    background-color: #000; 
    color: white; 
} 

div.live{ 
    background-color: #ccc; 
}

的Javascript：

$("div").click(function(){ 
    $(this).addClass('live'); 
});

2013-07-23 22:35:54 Zac

回答