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');