Javascript 使用不透明度动画功能隐藏div

我试图用不透明动画功能隐藏一个div。基本上，我希望在单击时隐藏div。但我希望它消失。下面是我的代码。有人能帮忙吗

$("#div1").click(function() {
  $(this).animate({ opacity: "0" }, 1000);
  $("div").hide();
});

另外，使用淡出功能而不是动画不透明度更好吗？

fadeOut（）

更简单，因为它会在完成时自动为您隐藏，这样您就可以保存代码，并在隐藏元素之前自动等待动画完成（您当前的代码没有执行）

试试这个

您还可以使用

.fadeout（1000）

。获得相同的行为。

您可以为此使用.fadeOut（）API

$("#div1").click(function() {

   $(this).fadOut(1000);

});

---

是的，最好使用内置函数，因为代码不会在隐藏元素之前等待动画完成。这些语句将尽可能在彼此之后立即执行。要“等待”动画完成，需要在动画末尾连接一个回调函数，然后隐藏该元素，该元素已在内置函数中处理完毕。为什么要使用该函数而不是

.fadeOut（）

？

$("#div1").click(function() {
    $(this).animate({ opacity: "0" }, 1000, function(){
        $(this).hide();
    });

});

$("#div1").click(function() {

   $(this).fadOut(1000);

});