页面加载时RemoveClass AddClass

Question

我有几个具有不同类名的<div>标记。当页面加载时，我想在某个<div>中删除并添加另一个类，但不知何故，它无法按预期工作。

实时代码

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/