jQuery .detach()vs hide / show

时间:2016-01-07 23:11:49

标签: javascript jquery html html5 dom

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

哪个更好用?

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

1 个答案:

答案 0 :(得分:3)

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

.show().hide()只需添加CSS规则display: none

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

如果您需要不经常使用大型元素,最好使用.detach().append(),因为让DOM过大会导致您的网页在内存限制时速度变慢开始接触。