jQuery 性能太慢（切换）答案

【问题标题】：jQuery performance is too slow (toggle)jQuery 性能太慢（切换）
【发布时间】：2016-11-10 13:49:30
【问题描述】：

我的问题是 jQuery 的切换功能对于我的情况来说太低了。我需要切换超过 2000 行，脚本需要超过 30 秒。

如何提高性能？也许只有 Javascript 而不是 jQuery？

$('#toggleAspMaterials').click(function() {
    $('#catalog body.asp').toggle();
    return false;
});

&lt;input id="toggleAspMaterials" value="Show Asp Materials / hide" class="button" type="button"&gt;

【问题讨论】：

【解决方案1】：

这是 vanilla 和 jQuery 之间的比较，它基于操作/秒。所以，是的，也许仅仅使用 JavaScript 就可以很好地优化您的案例。

【讨论】：

【解决方案2】：

在 click 函数之外缓存匹配元素的列表。

这会更快，因为 JQ 搜索所有元素所需的时间将只需要一次，之后将不再有每次点击的搜索开销。

【讨论】：