Javascript jQuery以删除围绕HTML元素的类,该类不起作用
我有一个Javascript jQuery以删除围绕HTML元素的类,该类不起作用,javascript,jquery,html,css,onload,Javascript,Jquery,Html,Css,Onload,我有一个和一个fouc类,它包围了我的大多数主要HTML元素。我已将其设置为display:none,并希望在页面加载完成后立即将其删除。然而,这并不像预期的那样有效。谢谢你的帮助 CSS: .fouc { display: none; } $(window).on('load', function () { $('body').removeClass('fouc'); }); JS: .fouc { display: none; } $(window).o
和一个fouc
类,它包围了我的大多数主要HTML元素。我已将其设置为display:none
,并希望在页面加载完成后立即将其删除。然而,这并不像预期的那样有效。谢谢你的帮助
CSS:
.fouc {
display: none;
}
$(window).on('load', function () {
$('body').removeClass('fouc');
});
JS:
.fouc {
display: none;
}
$(window).on('load', function () {
$('body').removeClass('fouc');
});
请尝试以下代码段
$(window).on('load', function () {
$('.fouc').show();
});
希望对您有所帮助尝试以下代码片段
$(window).on('load', function () {
$('.fouc').show();
});
希望它有帮助您需要在JS中选择包含类
fouc
的元素。在您的例子中,您选择的是$('body')
——这意味着您正在告诉浏览器从body
中删除fouc
类,该类实际上并不存在
您可以查找并删除该类,如下所示:
$('body').find('.fouc').removeClass('fouc');
但是这不是一个好的做法。您需要在JS中选择包含类
fouc
的元素。在您的例子中,您选择的是$('body')
——这意味着您正在告诉浏览器从body
中删除fouc
类,该类实际上并不存在
您可以查找并删除该类,如下所示:
$('body').find('.fouc').removeClass('fouc');
但这不是一个好的做法。谢谢!非常简单有效的解决方案。没想到这个!非常感谢。非常简单有效的解决方案。没想到这个!谢谢你的解释@上帝啊,这是我的荣幸!谢谢你的解释@上帝啊,这是我的荣幸!