Question

虽然很简单，但我想知道我的小div怎么可能没有变得更大。谁知道为什么？（p.s.我试图在每个浏览器上运行它，我真的找不到任何语法错误，我变得盲目......或者只是更老）

$(document).ready(function() {
  $("#abc").click(function() {
    $(this).animate({
      left: '250px'
    });
  });
});

#abc {
  border: 1px solid green;
  width: 100px;
  height: 100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<body>
  <div id="abc"></div>
</body>

Answer 1

代码的唯一问题是一起使用jquery和javascript选择器，这会导致控制台错误并导致动画行为异常

$(document.getElementById("abc")

仅使用jquery选择器进行动画方法

$("#abc")

Answer 2

试试这个：

$(document).ready(function () {
$("#abc").animate({
height:"500px",
width:"500px",
}, 5000, function() {
});
});

注意！ 您必须在页面中包含JQuery。