javascript - 哪种方法最快

Question

我有一个简单的画廊滑块图像。当第一个图像可见时，左箭头被隐藏，当最后一个图像可见时，右箭头被隐藏。

为了隐藏和显示箭头，我使用了 hide 和 show 方法。但其他方法也可以工作，例如：fadeIn() / fade Out 和 css('visibility','hidden') / css('visibility','visible')

我想知道哪个是最优化的方法。最快的一个

谢谢大家

Answer 1

不使用动画时来自http://api.jquery.com/hide/.hide ()。

这大致相当于调用 .css('display', 'none')，只是 display 属性的值保存在 jQuery 的数据缓存中，以便稍后可以将 display 恢复为其初始值。如果一个元素的显示值为 inline，然后被隐藏并显示，它将再次被显示为 inline。

fadeIn() 和 fadeOut() 使用动画并且会更慢并且需要更多处理（就像 hide() 设置了时间一样。）

Answer 2

根据这个测试-hide()稍微快一点fadeOut()（因为它不使用动画）。但是如果你想要最快的方式来使用像document.getElementById('a').style.display = 'none';这样的原生 js 命令，速度会快 80%-90%。