如何使用jquery首先设置隐藏元素id

我在使用jquery隐藏第一个id时遇到了一些问题。我已经设置了$（“#before show”）.hide（）；但它在重新加载后仍在查看，然后隐藏

下面是我的示例代码：

$（文档）.ready（函数（）{
$（“#演出前”）.hide（）；
$（“#显示”）。在（'单击'，函数（）上{
$（“.box”）.fadeIn（）；
$（“.button show”）.fadeOut（）；
});
$（“#隐藏”）。在（'单击'，函数（）上{
$（“.box”）.fadeOut（）；
$（“.button show”）.fadeIn（）；
});
});

显示
隐藏
如果希望在页面加载时隐藏元素，则应将其隐藏在css中，而不是javascript中，因为页面是在javascript运行之前呈现的。试试这个：

<style>
#before-show
{
   display: none
}
</style>


#演出前
{
显示：无
}
只需使用CSS而不是JavaScript将其隐藏即可

#before-show { display: none; }



$（文档）.ready（函数（）{
$（“#显示”）。在（'单击'，函数（）上{
$（“.box”）.fadeIn（）；
$（“.button show”）.fadeOut（）；
});
$（“#隐藏”）。在（'单击'，函数（）上{
$（“.box”）.fadeOut（）；
$（“.button show”）.fadeIn（）；
});
});
#显示前{显示：无；}

显示
隐藏
html逐行运行
通常html运行速度很快，但您导入jquery使用其他网站时，您可以检查F12->network使用的匹配时间，也许这会带来您的问题

而且

我建议您可以设置div hidden use css first:display:none
您可以将要开始隐藏的元素设置为：

<div id="before-show" class="box" style="display: none;">
  <div class="hello">
    <button id="hide">hide</button>
  </div>
</div>

祝你好运。
只有使用jquery bro，使用css它才能工作，但我没有在css中输入id。为什么要标记css？规则是什么-根本没有CSS？没有身份证规则？没有外部CSS？如果jQuery创建了CSS规则呢？如果改用类或元素选择器呢？你真的需要澄清一下。这似乎是一个需要从你的问题中忽略的非常大的警告。如果你使用JavaScript来完成CSS的工作，你将任由页面加载的摆布。如果不知道避免使用CSS id背后的实际原因或规则，很遗憾，你不会得到一个好的答案。我不在CSS中使用id的原因是为了一个一致的约定，将
class=“hidden”
添加到div中，并将
.hidden{display:none；}
放在CSS中。但更重要的是，如果您的约定正在积极地损害站点性能，那么也许是时候重新考虑该约定了……我已经尝试过了，但是，它仍然在3秒钟内出现。这会导致我的网络出现问题吗？我无法想象，如果将其设置为显示，它将如何仍然可见：从一开始就没有。因此，没有其他方法可以使用javascript？虽然这可能回答了这个问题，但提供有关如何和/或为什么解决问题的附加上下文将提高答案的长期价值。。
$('box')
.css("display", "block")
.attr('id', 'someId');