在jQuery中,prepend().hide().fadeIn()不是那么顺利吗？

Question

在jQuery中,以下会不会那么顺利？

$('<a href= ... ><img src= ...  /></a>').prependTo($('#someDiv')).hide().fadeIn()

它会实际显示一瞬间添加的元素,然后将其隐藏,然后淡入淡出？

那么动画会不会那么流畅？

有没有更好的方法？

或者以下？

$('<a style="display:none" href= ... ><img src= ...  /></a>').prependTo($('#someDiv')).fadeIn()

要么

$('<a href= ... ><img src= ...  /></a>').hide().prependTo($('#someDiv')).fadeIn()

更新:原来是

$('#someDiv').prepend('<a href= ><img src  /></a>').hide().fadeIn()

实际上可能隐藏#someDiv它然后褪色它？

Answer 1

您可以使用重新排列它.prependTo(),如下所示:

$('<a href= ... ><img src= ...  /></a>').hide().prependTo('#someDiv').fadeIn();

这允许您.hide()在添加之前调用,因此没有可视化的工件.