jquery fadeOut 不工作 - 更新答案

【问题标题】：jquery fadeOut not working - updatejquery fadeOut 不工作 - 更新
【发布时间】：2014-02-18 09:25:35
【问题描述】：

我的意思是我想使用 for 循环或其他东西手动迭代。但是我想出的这段代码似乎不起作用。我喜欢将 javascript 与 jquery 结合起来，因为 jquery 不是我在大型项目中的首选。我也不太了解jquery，不过我想说我开始学习了。您如何在 jquery 中迭代节点列表是我这次对所有 jquery 粉丝的问题。它类似于javascript方式吗？无论如何，这就是我想出的（初学者的代码）。

这是代码 //不起作用

$(".sn").[0].fadeOut();
$(".sn").[0].fadeOut("slow");
$(".sn").[0].fadeOut(3000);

        <div class="sn">
            content
        </div>
        <div class="sn sn-2">
            content
        </div>
        <div class="sn sn-3">
            content
        </div>

但是 $(".sn-2").fadeOut();像魅力一样工作。为什么？

【问题讨论】：

不，为什么你不能帮忙。我从没说过我喜欢他？
jQuery nodelist -- how to iterate的可能重复
有什么问题可以问我
为什么不只使用each-method？ api.jquery.com/jQuery.each
它根据条件工作，而不是每个元素。

标签： javascript jquery

【解决方案1】：

 $('.sn').each(function(){
     $(this).fadeOut('slow');
   });

【讨论】：

jain，我如何使用 i 进行迭代？

【解决方案2】：

在您的代码中，您尝试淡出 .sn div 三次。尝试以下方法：

$.each($('.sn'), function(i, obj) { 
    $('.sn:eq(' + i + ')').fadeOut(3000); 
});

这样您将遍历所有 .sn 类元素，并通过其索引 (:eq(i)) 将它们一一淡出

【讨论】：

但这仅适用于一个元素？我想使用i 进行迭代
$.each($('.sn'), function(i, obj) { $('.sn')[i].fadeOut(3000); });
为什么$(".sn").[0].fadeOut(); 不起作用而$(".sn-2").fadeOut(); 起作用？
$.each($('.sn'), function(i, obj) { $('.sn:eq(' + i + ')').fadeOut(3000); });

【解决方案3】：

试试这个

$(".sn:first").fadeOut();

【讨论】：

【解决方案4】：

你也可以试试这个：

for(var i=0; i < $(".sn").length; i+=1){
        $(".sn").eq(i).fadeOut(3000);
   }

【讨论】：

【解决方案5】：

也许您正在寻找这样的东西？它将淡出循环中的每个 sn 元素。

我还更新了 html 以使其更加一致

   for(var i=0; i < $(".sn").length; i+=1){
        $(".sn-"+[i]).fadeOut(3000);
   }

HTML

<div class="sn sn-0"> content </div>
<div class="sn sn-1"> content </div>
<div class="sn sn-2"> content </div>

您还需要知道，$(".sn") 表示一个对象，它没有您尝试使用代码($(".sn").[0] 访问的任何属性 [0]）因此，要完成这项工作，您必须访问要通过 $(".sn")[0] 之类的任何事件触发的元素。

最好的

【讨论】：