移除类名 添加类名 页面加载时

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

- abcid d

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/

- Darren

---

非常感谢你，达伦！它运行良好。 - abcid d