javascript - Jquery FadeOut 和 FadeIn - 设置显示样式

Question

我正在处理 jquery fade 函数，我发现 fadeOut() 添加了“display:none”样式，fadeIn() 添加了一些显示属性..有时是“display:table”，有时是“display:元素 list ”。

我的问题是..

jquery 如何决定淡入时将显示样式转换成什么？看起来有点随意。

有没有办法简单地删除“display:none”样式并保持淡出之前的状态？

Answer 1

您可以使用 jquery 的 .animate() 函数来淡入和淡出元素，而无需使用 "display:none"。

如果您希望元素最初隐藏，请使用

.element {
    opacity: 0;
}

然后当你想要淡入时，使用

$('.element').animate({opacity: 1});

当你想淡出时，使用

$('.element').animate({opacity: 0});

查看 .animate() 上的文档 here .

这是一个简单的 jsfiddle 演示了我上面描述的内容:http://jsfiddle.net/ea23wwqm/