jQuery中有类似“move()”命令的东西吗？答案

【问题标题】：is there something like a 'move()' command in jQuery?jQuery中有类似“move()”命令的东西吗？
【发布时间】：2021-02-28 08:06:56
【问题描述】：

我对整个编程很陌生，对 jquery 也很陌生。我正在努力做到这一点，所以每次按 W 键时，我的立方体都会向上移动。我可以使用 'width("+=__")' 命令使其宽度变大，但我不希望它这样做。有没有类似宽度命令的东西，但它改变了位置而不是宽度？如果没有，有没有一种简单的方法可以完成这项工作？这就是我现在所拥有的。我不想改变宽度，而是想以某种方式改变定位。

    document.addEventListener('keypress', function(event){
       if (event.key === 'w') {
       document.getElementById('player').style.left = $('#player').width("+=50");
        }
    });

【问题讨论】：

欢迎来到 SO，开始编程！快速搜索出现了很多回答您问题的重复项，您看到了吗？ stackoverflow.com/questions/4950575/…、stackoverflow.com/questions/7298507/…、stackoverflow.com/questions/24963796/…、stackoverflow.com/questions/52293082/…、stackoverflow.com/questions/5589239/…
这能回答你的问题吗？ how to move a div with arrow keys

标签： javascript jquery

【解决方案1】：

尝试在元素上使用绝对定位，然后更改top 属性：

document.addEventListener('keypress', function(event) {
  console.log()
  if (event.key === 'w') {
    $('#player').css("top", parseInt($('#player').css("top")) - 50 + "px");
  }
});

#player {
  position:absolute;
  top:150px;
  height:50px;
  width:50px;
  background-color:blue;
  transition: top 0.25s;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Click on this snippet, then presss "W" key to move up</p>
<div id="player"></div>

【讨论】：