javascript - 我想为 appendChild() 设置动画，使其淡入

Question

您好，我想为使用 appendChild() 显示的 chrome 插件添加淡入淡出效果。

我想要这样的东西，

    document.body.appendChild(div).fadeIn(1000);

他们有这样做的方法吗？

Answer 1

fadeIn() 方法由 jQuery 提供 - 假设 div 是一个 dom 元素引用，您需要为它获取 jQuery 包装器，然后调用 fadeIn

var div = document.createElement('div');
...
document.body.appendChild(div);
$(div).hide().fadeIn(1000);

甚至可以写成

var div = document.createElement('div');
...
$(div).hide().appendTo(document.body).fadeIn(1000);