jquery - 使用动画位置淡入淡出 - 更好的写法？

Question

有没有更好的写法？

$(function(){      
     $('.start-here-notice').fadeIn(1000).animate({"left":"-155px"}, "slow")  
     $('.start-here-notice').animate({"left":"-165px"}, "slow").delay(5000).fadeOut(1000);           
}); 

它工作正常，但我认为可能有更有效的方式来编写它。如果是这样，我可能会再制作几次动画。

仍在学习，如有任何帮助，我们将不胜感激。

谢谢!

Answer 1

• 您可以在对象上调用任意数量的 jQuery 方法，方法是将它们链接起来:

  $(function(){      
      $('.start-here-notice')
          .fadeIn(1000)
          .animate({"left":"-155px"}, "slow")  
          .animate({"left":"-165px"}, "slow")
          .delay(5000)
          .fadeOut(1000);           
  }); 
  

• 通过 id 访问元素比通过类访问它稍微快一些。 (在这种情况下，差别微不足道，因为你只做了一次。)

• 如果您要再次使用同一个元素，您可以将 $('.start-here-notice') 的结果存储在一个变量中，这样您只需查找一次。 (同样，在这种情况下，性能提升微不足道。当您一次多次使用 jQuery 对象时，您会开始看到存储 jQuery 对象的好处，例如处理大量元素，或者频繁使用，例如在触发的事件处理程序中反复。)