附加一个淡出效果的元素

var html = "<div id='blah'>Hello stuff here</div>" $("#mycontent").append(html).fadeIn(999); 

这似乎并不奏效。

当内容被附加时，我只想要一个很酷的效果。

注意：我只想要新的“blah”div淡入，而不是整个“mycontent”。

Answer 1

 $(html).hide().appendTo("#mycontent").fadeIn(1000); 

Answer 2

添加一些信息：

jQuery实现了“方法链接”，这意味着你可以在同一个元素上链接方法调用。 在第一种情况下：

 $("#mycontent").append(html).fadeIn(999); 

你会将fadeIn调用应用到方法链的目标对象，在这种情况下是#mycontent 。 不是你想要的。

在@ icktoofay的（伟大的）答案你有：

 $(html).hide().appendTo("#mycontent").fadeIn(1000); 

这基本上意味着，创buildhtml ，默认情况下将其设置为隐藏，将其附加到#mycontent ， 然后淡入。现在，方法链的目标是hmtl而不是#mycontent 。

Answer 3

这也适用

 $(Your_html).appendTo(".target").hide().fadeIn(300); 

问候