jQuery删除类周围的HTML元素不工作

Question

我有一个<div>类fouc，它围绕着我的大多数主要HTML元素。我已将其设置为display: none，并希望在页面完成加载后立即将其删除。但是，这没有按预期工作。谢谢你的帮助。

CSS：

.fouc {
     display: none;
}

JS：

$(window).on('load', function () {

    $('body').removeClass('fouc');

});

Answer 1

尝试以下代码段

 $(window).on('load', function () {

        $('.fouc').show();

    });

希望有所帮助

Answer 2

您需要在JS中选择具有类fouc的元素。在您的情况下，您选择的是$('body') - 这意味着您正在告诉浏览器从fouc中删除实际上不存在的body类。

您可以找到并删除该课程，如：

$('body').find('.fouc').removeClass('fouc');

但这不是一个好习惯。