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/