gpt4 book ai didi

javascript - 使用 JQuery 隐藏一个 div

转载 作者:行者123 更新时间:2023-11-30 07:01:31 25 4
gpt4 key购买 nike

我想在浏览器加载页面后立即使用 Javascript 隐藏一个 div。如果我使用以下代码,我能够做到这一点:

document.getElementById("div_id").style.display='none';

但是,当我尝试使用 JQuery 做同样的事情时,我注意到页面加载后 div 可见几秒钟,然后它就被隐藏了。我使用的 JQuery 代码是

$(document).ready(function() {

$("#div_id").css('display','none');

});

同样的事情发生了,如果我使用 $("#div_id").hide(); 这是因为我使用了一个库,这会稍微减慢进程,而不是直接使用 document.getElementById ? .有什么办法可以解决这个问题吗?

谢谢。

最佳答案

有一个简单的解决方案。如下设置CSS类

.js #div_id { display: none; }

然后有下面的jQuery

$('html').addClass('js');

$(document).ready(function() {

/* normal code to run when DOM has loaded here */

});

<div>如果用户启用了 JavaScript,将立即隐藏(不闪烁),如果他们不启用则不会(这避免了可能的 graceful degradation 问题,如他的选项 c 中的 meder points out)。

这是有效的,因为什么时候可以立即访问 <html>页面开始加载时的元素。

为什么document.getElementById("div_id").style.display='none';的原因是可能 工作是因为你有它在 <body>在元素之后,因此脚本在执行之前不会等待整个 DOM 加载。

关于javascript - 使用 JQuery 隐藏一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1580300/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com