Javascript 使用带有append（）的淡出方法

我有以下代码：

$('body').on('click' , function(){
     $('body').append('<div class="ajax-success"><p>Its Done !!!</p></div>').fadeOut(2000);
});

$（'body'）。在（'click'，function（）上{
$（'body'）.append（'Its Done！！！
）.fadeOut（2000）；
});

我的意图是添加div，然后使用fadeout（）函数以淡出效果删除它，现在显然上面的代码淡出了整个html文档

---

我见过一些类似的SO线程，但它们具有fadeIn效果，解决方案不适用，而且我检查了文档，没有可用于

append（）

和

appendTo（）

的回调函数，这可能是我问题的可行解决方案，那么，我该如何淡化我使用append（）方法添加的

div

？

您的目标是

body

，因此这就是淡出的内容。找到一种方法来瞄准你想要的div。最简单的方法之一是：

$('body').append('<div class="ajax-success"><p>Its Done !!!</p></div>')
.find('.ajax-success')
.fadeOut(2000);

$（'body'）。追加（'itstone！！！
'））
.find（“.ajax成功”）
.fadeOut（2000年）；

---

这假定页面上只有一个“ajaxsuccess”类元素。如果更多，找到一种方法使你的添加变得独特。

你的目标是

身体

，所以这就是淡出的。找到一种方法来瞄准你想要的div。最简单的方法之一是：

$('body').append('<div class="ajax-success"><p>Its Done !!!</p></div>')
.find('.ajax-success')
.fadeOut(2000);

$（'body'）。追加（'itstone！！！
'））
.find（“.ajax成功”）
.fadeOut（2000年）；

这假定页面上只有一个“ajaxsuccess”类元素。如果更多，请找到一种使添加内容独特的方法。

使用，因为这将返回附加的

div

，而不是

正文

：

$('body').on('click', function(){
    $('<div class="ajax-success"><p>Its Done !!!</p></div>').appendTo( this ).fadeOut(2000);
});

$（'body'）。在（'click'，function（）上{
$（“完成了！！！
”）.appendTo（this.fadeOut（2000）；
});

使用，因为这将返回附加的

div

，而不是

正文

：

$('body').on('click', function(){
    $('<div class="ajax-success"><p>Its Done !!!</p></div>').appendTo( this ).fadeOut(2000);
});

$（'body'）。在（'click'，function（）上{
$（“完成了！！！
”）.appendTo（this.fadeOut（2000）；
});

您的选择器已关闭wrong@Robusto很好的引语。。。如果你不介意我问，你从哪里来？你应该用

.find（'.ajax-success'）

，

.find（'>.ajax-success'）

或

.children（'div.ajax-success'）

来修复代码，但是使用

appendTo

而不是

append

似乎对我个人来说更好。是的，一个打字错误，在我匆忙中漏掉了一点。谢谢你这么理解我。@AlexanderSolonik:我的个人资料给出了我的位置。你的选择器是wrong@Robusto很好的引语。。。如果你不介意我问，你从哪里来？你应该用

.find（'.ajax-success'）

，

.find（'>.ajax-success'）

或

.children（'div.ajax-success'）

来修复代码，但是使用

appendTo

而不是

append

似乎对我个人来说更好。是的，一个打字错误，在我匆忙中漏掉了一点。谢谢你的理解。@AlexanderSolonik:我的个人资料给出了我的位置。@ShadowWizard。。我真的认为这不是一个重复，而是一个独特的问题！它是关于在append或appendTo中使用淡出的！不。这里的答案非常合适，并解释了为什么您的原始代码不起作用。对于每个可能的jQuery命令，同样的问题要问1000次是没有意义的。@ShadowWizard。。我真的认为这不是一个重复，而是一个独特的问题！它是关于在append或appendTo中使用淡出的！不。这里的答案非常合适，并解释了为什么您的原始代码不起作用。对于每个可能的jQuery命令，同样的问题要问1000次是没有意义的。