我有一个简单的galery滑块图像。当第一张图像可见时,左箭头被隐藏,当最后一张图像可见时,右箭头被隐藏。
要隐藏和显示箭头,我使用了hide和show方法。但其他方法也可以起作用,例如:fadeIn()/淡出和css('visibility','hidden')/ css('visibility','visible')
我想知道哪种是最优化的方法。最快的一个
全部谢谢
答案 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%。