jquery - 优化数百个元素上的 jQuery Toggle

Question

我在一个页面上有数百个共享一个类的元素，我需要优化应用程序 jQuery Toggle() 以防止我的浏览器在应用该函数时锁定，如下所示:

$j('.textDate').toggle() //this locks up this browser

单击此函数会导致浏览器锁定并卡住 - 因此我尝试将其分解为循环并单独在每个元素上运行该函数，然后我需要计算出数组的一些超时/分解防止浏览器卡住:

$j('#showDatesCheckbox').click(function(){
    var textdate = $j('.textDate'); //1000+ elements
    for(var i = 0; i < textdate.length; i++)
    {
          $j(textdate[i]).toggle();
    }
});

这仍然不起作用？

Answer 1

只是作为一个问题。

如何var $textDates = $('.textDate');来缓存结果。

然后，稍后您可以调用 $textDates.addClass('hidden');

缓存的列表应该可以使后续操作更快地执行。

我添加了一个 jsFiddle.net 来玩:http://jsfiddle.net/cRRcC/2/

这会向页面 (div) 添加 30,000 个元素，然后为您提供隐藏它们的链接。

这样似乎只需要不到一秒钟的时间。这个顺序对你有帮助吗？

谢谢，AE