$.each 的 jQuery 替代品

Question

我发现 $.each 非常慢，如果包含大量各种 jQuery 效果，会给网页带来问题。

我想知道 $.each 是否有一个好的替代方案，例如：

$('ul li').each(function() {
   var singleLi = $(this);
});

如果没有悬停，我如何在不使用each的情况下做同样的事情？

谢谢。

Answer 1

如果您想要“$.each()”的实际替代，只需使用“for”循环：

var liElements = $('ul li');
for (var i = 0; i < liElements.length; ++i) {
  var li = liElements[i];
  // ... lots of various jQuery effects ...
}

建议您可以跳过“.each()”并仅使用“.hover()” ” 直接是正确的，但他们忽略了一点：这些 jQuery 例程无论如何都会在内部执行“.each()”。

然而，我怀疑从“$.each()”切换到“for”循环本身会产生很大的差异。

Answer 2

完全一样的方式，没有 each

$('#list li').hover(function() {
        $('#myDiv').stop().fadeIn(400);
    }, function() {
        $('#myDiv').stop().fadeOut(400);
    })
});

Answer 3

是的...只需将悬停添加到所有 li 中

$('#list li').hover(function() {
    $('#myDiv').fadeIn(400);
}, function() {
    $('#myDiv').fadeOut(400);
});

$('#myDiv').fadeOut(400);

Answer 4

由于 ID 必须是唯一的，因此如果删除 .each()，整个脚本不应改变。

$.hover() 意义不大。

$('#list li').hover(function() {
    $('#myDiv').fadeIn(400);
}, function() {
    $('#myDiv').fadeOut(400);
});

$('#myDiv').fadeOut(400);