Javascript 这是在jquery中显示具有延迟的多个div的有效方法吗？

这是在jquery中显示具有延迟的多个div的有效方法吗？ 这很好，但我想知道是否有更好的方法

$(document).ready(function(){
    $("#heading").delay(100).show(500);
      $("#column1").delay(2200).show(500);
        $("#column2").delay(2400).show(500);
          $("#column3").delay(2600).show(550);
            $("#column4").delay(2700).show(500);
              $("#column5").delay(2800).show(500);
    });

---

这有点违反直觉。在它们上放置一个相同的类，这样您就只有一个CSS规则。如果要显示一个包含多个列的页面，我会在每个列上使用$。循环。如果动态加载，则每页的列数可能会有所不同

---

在询问有效性之前，你为什么要这样做？真的吗？是的，这是一种完全有效的方法，如果延迟之间没有特定的间隔，那么除了映射和循环等之外，没有更好的方法可以真正做到这一点。这并不一定更好或更容易做到。谢谢，我想会有类似的事情，使用varcan我可以在每个列表中添加第二个div，如>$（文档）.ready（函数（）{$（“#heading”）.delay（1100）.show（500）；var count=1600；var interval=200$（“.column.column2”）.each（函数（）{$（this.delay（count）.show（500）；count+=interval；}）；

$(document).ready(function () {
    $("#heading").delay(1100).show(500);
    var count = 1600;
    var interval = 500
    $(".column").each(function () {
        $(this).delay(count).show(500);
        count += interval;
    });
});