javascript - 从页面中完全隐藏元素的最有效方法是什么?

标签 javascript jquery html css

enter image description here

情况

  • 我有很多想要隐藏的 btns。
  • 我有点让他们躲起来,但并不是我故意想要的那样。
  • 我的页面加载时它们闪烁得非常快。
  • 我正在努力隐藏它们。

我采取的步骤

  • 首先,我使用 hide() jQuery 函数来做到这一点。我喜欢它,但后来 我注意到所有这些 btns 在页面加载期间都在闪烁。 #好奇???

  • 其次,我了解到 .css("display","none");hide() 快所以我试过了,我仍然得到相同的结果,也许它更快,但是我仍然看到闪烁。

  • 第三,有些人声称 .attr('disabled', true); 甚至更快,YES 我试过了,而且甚至根本不工作。

  • .attr('disabled', true); 可能过时了,那我用最新的 .prop('disabled', true); ,但仍然无法正常工作!

我现在完全没有头绪。我希望有人能帮助我结束这一切。

从页面中完全隐藏元素的最有效方法是什么?

最佳答案

您观察到的延迟是浏览器下载和执行脚本所花费的时间,您在 JavaScript 中用于在按钮上设置 display:none 的方法无关紧要,会有总是有延迟(因为浏览器必须下载、解析和执行脚本)。

最快的方法是不使用 JavaScript,而是在呈现页面时通过 CSS(内联或样式表)在按钮上简单地设置 display: none

关于javascript - 从页面中完全隐藏元素的最有效方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29617742/

相关文章:

html - CSS居中问题

javascript - 我需要一些帮助来检测浏览器是否可以访问互联网

javascript - jQuery - 在 cookie 中保存复选框条件

javascript - p5.j​​s -- canvas.parent() 不是函数 -- 类型错误?

Jquery-sortable 不允许将子级添加到兄弟级

jquery将事件绑定(bind)到动态加载的html元素

html - navbar-nav 被推到 navbar-brand 下面?

javascript - 使用 Ember.JS 在一系列 ID 中过滤模型

javascript - 同一字段中的数字和文本

javascript - 如何在 javascript 中检测客户端上的后退导航?