jquery - 追加时如何淡入，删除时如何淡出

Question

我想在添加一些元素时赋予淡入效果，并在删除元素时赋予淡出效果。

所以，我试过这个

$(selector).closest('div').append(<p class="vali">hi this is test</p>).fadeIn();
$('.vali').fadeOut(); //this works because it is appended that is there is element

但是当没有元素并且附加时我可以直接给fadeIn效果而不用先设置它display: none;并给fadeIn效果

Answer 1

我让它像这样工作

$(selector).closest('div').append(<p class="vali">hi this is test</p>).hide().fadeIn();

Answer 2

您可以创建一个 CSS 规则（如果问题是您使用 jquery 设置它），使.vali元素成为display:none。

.vali{
    display:none;
}

这样，当您在 DOM 中附加元素时，它们最初会被隐藏，并且由于.fadeIn()

---

此外，您的 html 代码应该用引号引起来，否则会出现语法错误。

.append('<p class="vali">hi this is test</p>')