隐藏/显示多达100个DOM元素的最有效方法是什么？

Question

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

什么是最佳性能的最佳方法？重用这些元素,保持一切,但改变他们的背景？还要别的吗？

编辑,澄清:
搜索算法是无关的,但我确实使用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 才能找到它