如何使用jQuery实现附加的HTML元素淡入效果？

Question

我有以下代码行：

我有以下代码行：

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

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

- jack

Answer 1

你可以这样做：

你可以像这样实现：

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

- VoteyDisciple

Answer 2

首先，您需要确保变量“html”是一个jQuery对象，并且存在于DOM中。

因此，通常会触发回调函数，在append()生效时执行。

例如：

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

- pixeline

Answer 3

这应该也可以工作（假设 html 变量是一段 HTML 代码片段），而且可能更易读：

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

- dcharles