如何使用jQuery淡化附加的HTML？

Question

我有以下代码行：

var html = "...";
$("#id_name").append(html).fadeIn("slow");

这会导致整个div #id_name淡入。我只希望附加的HTML淡入。如何实现？

Answer 1

你可以这样做：

$('<div></div>').appendTo("#id_name").hide().append(html).fadeIn('slow');

Answer 2

你必须首先确保变量“html”是一个jquery对象，并存在于DOM中。

所以你通常会触发一个回调函数，当append（）生效时触发。

例：

$("#id_name").append(html,function(){
 $(html).fadeIn("slow");
});

Answer 3

这也应该有效（假设html var是一段html代码）并且可能更具可读性：

$(html).appendTo('#id_name').hide().fadeIn('slow');