jquery addClass vs .css（）

Question

我有一个功能，我设置一个单击事件的背景。 我尝试了两种方法，期望两者都能工作，但只有.css（）版本可以工作，为什么addClass不工作？

function foo(e){ $("#" + e).css('backgroundColor', '#444444');} 

function bar(e){$("#" + e.id).addClass('clickColor');} 

和clickColor的CSS是

.clickColor{ 
    backgroundColor: #444444; 
} 

Answer 1

检查https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

.clickColor { 
    background-color:#444444; 
} 

应该背景色不的backgroundColor

值得一提的是jQuery的需要CSS的骆驼外壳作为一个属性中使用时，但是如果指定为字符串，您可能需要使用^校正每

为http://api.jquery.com/css/

Answer 2

“背景色”属性Css更喜欢内联风格来应用类风格。 .css()应用内联样式，因此它很可能会覆盖所有其他规则。 addClass()添加了一个较少偏好的类。

Answer 3

在CSS中，它不是“背景色”吗？ 在你的情况，你的函数包含一个错误，事实上，如果你发现你的jquery选择器中的值没有引号，它将无法正常工作。

这里：http://jsfiddle.net/zPDpC/2/

$('#'+e+'').css('background-color', '#444444');