如何在追加时fadeIn和fadeOut在删除时

Question

我想在删除元素时附加一些元素和fadeOut效果时给出淡入淡出效果。

所以，我试过这个

$(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;并给出淡入淡出效果

Answer 1

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

.vali{
    display:none;
}

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

而显示

---

此外，您的HTML代码应使用引号，否则您将收到语法错误。

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

Answer 2

我已经使它像这样工作

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