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/

页面加载时RemoveClass AddClass

1 个答案: