jQuery .detach() vs hide/show

本文关键字：hide show vs detach jQuery 更新时间：2023-09-26

我在 DOM 中有一些元素，如果发生不同的事件，我需要显示和隐藏这些元素。哪个最好使用.detach()然后再次.append()它们，然后.hide()然后.show().元素附加了事件，我正在使用jQuery .on()来处理事件。从单个元素到少于 10 个元素变化的元素数量不大。

哪个更好用？

此外，如果页面加载中不需要某个元素，但以后需要它应该创建为隐藏还是应该在需要时创建？

jQuery的.detach()和.append()函数分别删除和添加元素到DOM。

.show()和.hide()只是将 CSS 规则添加到display: none .

简短的回答是，如果您经常显示/隐藏元素，最好使用 .show() 和 .hide() ，因为此操作发生得更快。

如果您需要不经常出现的大元素，最好使用 .detach() 和 .append() ，因为一旦开始达到内存限制，您的 DOM 太大会导致您的网页变慢。