RemoveClass AddClass當頁面加載

Question

我有幾個<div>標籤具有不同的類名稱。 當頁面加載時，我想要刪除並在某個<div>中添加另一個類，但不知如何，它無法按預期工作。

LIVE CODE

HTML

<div class="redBG"> 
    <div class="yellowIcon"></div> 
</div> 
<div class="greenBG"> 
    <div class="yellowIcon"></div> 
</div> 

CSS

.redBG{ 
    background-color:red; 
    width: 300px; 
    height:30px; 
    z-index: 1; 
} 
.yellowIcon{ 
    background-color:yellow; 
    width: 20px; 
    height:20px; 
    cursor: pointer; 
    z-index:20; 
} 
.greenBG{background-color:green} 

.black{background-color:black} 

JS

$('div, .redBG').load(
    function() 
    { 
     $(this).removeClass('.redBG').addClass('.black'); 
    } 
); 

Answer 1

在jQuery中，.load是用於從服務器加載數據和將其插入詮釋Ø元素：http://api.jquery.com/load/

這裏的jQuery的頁面加載和改變類：

$(document).ready(function() { 
    $('.redBG').removeClass('redBG').addClass('black'); 
}); 

此外，使用removeClass和addClass時，不要使用期限爲類。

JSFiddle：http://jsfiddle.net/15jg5hbn/