Javascript 为什么'；jquery工作的动画功能是什么？

这个代码不起作用。我完全遵循了animate（）的语法，但不起作用

#测试{
背景色：天蓝色；
位置：绝对位置；
身高：100%；
宽度：100%；
}
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#测试”）。动画({
宽度：100%，
身高：100%
});
});
});
隐藏
这是一段内容很少的段落

测试

看看你的CSS风格，

#testing

已经有了100%的宽度和100%的高度，所以代码可能很好地工作了，它已经在动画的终点了

尝试将CSS更新为

<style>
    #testing
    {
        background-color: skyblue;
        Position: absolute;
        height: 10%;
        width: 10%;
    }
</style>

否则它将返回语法错误

这里有一个正在工作的JSFIDLE。

---

如果要在单击按钮时隐藏div，需要在JS中将宽度和高度设置为“0%”。如果将动画设置为100%，则不会产生任何效果，因为在CSS中已设置为100%。

在哪里设置动画？您已经拥有

高度：100%；宽度：100%

在您的CSS中，您需要使用

“100%”

；但是，即使

100%

是一个有效的数字，你的动画也从100%变为100%…

它一点也不出错

这显然不是我添加到你问题中的片段的情况。要么这不是真正的代码，要么你没有在正确的位置查找错误，因为那样会引发语法错误。你试过

width:“10%”，高度：“10%”

…？JS也有语法问题。这并不能解决问题——这就是为什么你会被落选的选票淹没。是的，我注意到了。更新了答案，以反映这一点，尽管这是一个相当愚蠢的问题开始。

width: "100%", 
height: "100%"

$(document).ready(function() {
  $("button").click(function() {
    $("#testing").animate({
      width: "0%",
      height: "0%"
    });
  });
});