在CSS3 transition-delay和jquery delay（）之间进行选择;

Question

使用jQuery，我逐渐将类“go”添加到divs

    div {
       tranform:translate(20px,20px);
       opacity:0;
       transition:.3s;
    }

    div.go {
      transform:none;
      opacity:1;
    }

我希望每个div在飞入时都有轻微的增量延迟。我可以用两种方法来实现这一点。

1. 将增量CSS3 transition-delay设置为div的内联样式
2. 使用jQuery delay()将类.go添加到divs

任何人都有一个关于性能的更好方法的想法？谢谢！

Answer 1

我认为从App开发的角度来看，JQuery方法会更灵活。它可以让您在显示DIV之前添加检查（安全性，用户首选项，浏览器/平台特定功能）。这取决于您的应用程序。

如果您想要的只是延迟应用属性，那么CSS解决方案就足够了。但是我怀疑JQuery / Javascript会在更多的浏览器和平台（想想移动设备）上得到更广泛的支持，而不是CSS3转换延迟。性能影响微不足道。

希望这会有所帮助。祝你好运。