javascript - 为复选框优化 jQuery 选择器

Question

我有一个像这样的选择器

$('.left_checkboxes:not(.Deleted,:hidden)').prop('checked', $(this).is(':checked'));

这对于浏览器来说真的很痛苦，并且需要花费大量时间来检查所有这些（例如，列表中大约 20-25 个复选框需要 3 秒）。

所以我试着像这样优化它：

$(left_checkboxes + ':hidden').prop('checked', $(this).is(':checked'));

其中 left_checkboxes = $('.left_checkboxes');

我也试过：

left_checkboxes.filter(':hidden').prop('checked', $(this).is(':checked'));

但没有运气。我的这两个甚至根本不起作用……不知道为什么。有任何想法吗？

Answer 1

重要的是，选择器$('.left_checkboxes')不应该在后面代码的每次迭代中执行......

var left_checkboxes = $('.left_checkboxes');

然后稍后

left_checkboxes.not('.Deleted,:hidden').prop('checked', $(this).is(':checked'));