哪一个是最快的方法

时间:2012-05-23 10:29:47

标签: javascript jquery optimization

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

要隐藏和显示箭头,我使用了hide和show方法。但其他方法也可以起作用,例如:fadeIn()/淡出和css('visibility','hidden')/ css('visibility','visible')

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

全部谢谢

2 个答案:

答案 0 :(得分:2)

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

  

这大致相当于调用.css('display','none'),除了display属性的值保存在jQuery的数据缓存中,以便稍后可以将显示恢复到其初始值。如果元素的显示值为内联,则隐藏并显示,它将再次以内联方式显示。

fadeIn()和fadeOut()使用动画,速度较慢,需要更多处理(就像hide()一样,设置时间。)

答案 1 :(得分:1)

根据THIS TEST - hide()略快于fadeOut()(因为它不使用动画)。但是如果你想用最快的方式使用像document.getElementById('a').style.display = 'none';这样的原生js命令来做到这一点,这会快80%-90%。