javascript - 隐藏/显示多达 100 个 DOM 元素的最有效方法？

Question

假设您最多有 100 个元素，它们的类型和格式不会改变，但它们的上下文会改变。 (它们基本上是行)
这些行周围绑定(bind)到一个输入，并会随着用户输入而改变。

获得最佳性能的最佳方法是什么？重用元素，保留所有元素但改变它们的上下文？还有什么吗？

编辑，澄清:
搜索算法是无关的，但我确实使用 MVVM (angularjs) 框架，所以我正在做的搜索是在 JavaScript 上进行的，不是瓶颈；得到结果后，我会相应地更新。

此外，我不需要通过 DOM 搜索元素，我确实有对元素的引用，我想在更新期间最小化运行时间。

Answer 1

对于代码，这样就可以了，

$(element).css('display' , 'none');

但性能问题取决于您如何找到这些元素，关键是将元素包装到容器中，并仅在该容器中搜索元素:

$('container').find('your_elements').css('display' , 'none');

或

$('your_elements', 'container').css('display' , 'none');

会做的。

切勿:

$('your_elements').css('display' , 'none'); 

JS 必须为此搜索整个 dom