jquery - jQuery更复杂的选择器与每个元素处理

我正在使用ez-checkbox插件，该插件只是将复选框包装到div中，因此复选框看起来更好。

<div class="ez-checkbox ez-checked">
  <input type="checkbox" checked autocomplete="off" class="ezmark ez-hide ez-init">
</div>

因此，我有很多这样的东西，我想在单击时全部检查一下。从性能角度来看，以下哪种单击处理程序是最好的：

首先-找到所有输入，过滤掉已检查的输入，触发每个元素的click事件，以便插件完成其工作。

oPhotos
    .find('input')
        .not(':checked')
        .each(function() {
            $(this).click();
        });

第二-与第一相同，但我们自己进行“检查”工作。

oPhotos
    .find('input')
        .not(':checked')
        .each(function() {
            $(this)
                .prop('checked', true)
                .parent()
                    .addClass('ez-checked');
        });

第三-循环所有复选框，如果未选中current-触发点击。

oPhotos
    .find('input')
        .each(function() {
            if (! $(this).is(':checked')) $(this).click();
        });

第四-循环所有复选框（如果未选中current）-自己执行“检查”工作。

oPhotos
    .find('input')
        .each(function() {
            if (! $(this).is(':checked')) {
                $(this)
                    .prop('checked', true)
                    .parent()
                        .addClass('ez-checked');
            }
        });

最佳答案

我已经运行performance tests。事实证明，使用更复杂的选择器+使用.not()过滤项目+处理事件而不是触发事件是最快的选择。最糟糕的选择是循环所有元素以对其进行过滤并触发事件。