jQuery .detach() vs hide/show

Question

我在DOM中有一些元素，如果发生不同的事件，我需要显示和隐藏这些元素。最好是使用.detach()，然后再使用.append()，或者使用.hide()，然后再使用.show()。元素具有附加的事件，我使用jQuery .on()来处理这些事件。从单个元素更改为小于10个元素的元素数量并不大。

哪一种更好用？

另外，如果在页面加载中不需要一个元素，但是稍后需要它，那么它是作为隐藏创建的呢，还是在我需要它时应该创建呢？

Answer 1

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

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

简单地说，如果您经常显示/隐藏一个元素，最好使用.show()和.hide()，因为这个操作发生得更快。

如果不经常出现大型元素，最好使用.detach()和.append()，因为一旦达到内存限制，DOM太大会导致网页速度减慢。