Question

jquery中想让一个div中添加的东西fadeIn，淡入显示，在添加的时候淡入，就是append的时候fadeIn，怎么做

<div id="main" ></div> 在$("#main").append("<h1>"+new Date()+"</h1>");在append的时候fadeIn怎做

Answer 1

$('<h1>"+new Date()+"</h1>').appendTo('#main').hide().fadeIn(200);
首先，我们要确定淡入的不是整个容器，而是加载的元素
其次，通过appendTo 加载出来，就已经显示在文档上，所以直接fadeIn效果不明显，
所以需要在加载后先.hide 隐藏一下，在淡入页面

Answer 2

$("#main").append("<h1>"+new Date()+"</h1>").fadeIn(200)

Answer 3

$("#main").append("<h1>"+new Date()+"</h1>").fadeIn();

Answer 4

直接在后面.fadeIn

追问

setInterval(function(){$("h1").fadeOut(); $("#main").append(""+new Date()+"").fadeIn(); }, 1000);

我想实现时间的淡入淡出，但这样在进入的时候不是淡入啊

追答

你是想让h1淡入还是main淡入

追问

新添加的h1在添加的时候 淡入呀，实现的效果是每隔一秒显示一下时间

追答

setInterval(function(){
$("h1").fadeOut();
$("#levelFirst").append($(""+new Date()+"").fadeIn());
}, 1000);
这样试试

追问

这样确实是在添加的时候淡入了，但是上一秒的在fadeOut的时候没有和添加的fadeIn同步，这样上一秒的和这一秒的都看见了，我想实现的是指看见当前秒的啊，怎么实现呢

追答

你把fadeOut的时间设置为0，不设置的话会有个默认时间是200ms还是300ms来着