display:none vs jQuery remove()

时间:2017-08-12 21:52:09

标签: jquery css

可以认为使用

(.class).remove()

更适合网站的加载时间,而不是使用
.class {display:none}

2 个答案:

答案 0 :(得分:2)

  

display属性是最重要的CSS属性   控制布局。

{{1}}

display属性的值是否只是隐藏了用户视图中的HTML元素 如果使用,用户将无法看到所选元素,但如果您打开页面HTML源,您将能够看到该元素。
用户视图中的there are many different ways to hide an HTML element

jQuery Remove

  

描述:从DOM中删除匹配元素集。

这是一个jQuery JavaScript函数,可以编辑HTML并从页面中完全删除所选元素,因此如果您打开HTML源代码,则无法在那里找到元素。

哪个更快?有2个不同的东西,所以我不确定如何比较,但是假设你需要在页面加载时隐藏一个元素,因为CSS肯定比调用JavaScript库方法更快,所以我更喜欢使用CSS尽可能使用JavaScript。

答案 1 :(得分:1)

我认为你想要比较$(' .class')。hide()和.class {display:none}。

$(' .class')。remove()从页面中删除整个元素,它不会隐藏它。在一天结束时CSS会更快。 JQuery总是有额外的步骤被解析为javascript,然后解析javascript以选择所有DOM元素并循环应用CSS。

因此,在一天结束时,您仍然会将CSS应用于元素,但需要大约2-3个额外步骤。您可以通过使用.class {display:none;}自行应用CSS来跳过所有这些步骤。

在一天结束时,担心这一点很简单,性能差异将小于几分之一秒,除非您使用1000和1000个元素。

如果您真的想要比较$(' .class')。remove()仍然适用相同的概念。