jquery – 当页面加载时删除类AddClass

参见英文答案 > JQuery event handler when select element is loaded                                    7个
我有几个< 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');
    }
);
最佳答案
在jQuery中,.load用于从服务器加载数据并将其插入元素:http://api.jquery.com/load/

这是用于页面加载和更改类的jQuery:

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

另外,在使用removeClass和addClass时,不要使用类的句点.

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

转载注明原文:jquery – 当页面加载时删除类AddClass - 代码日志