Javascript 使用动画移动div

Javascript 使用动画移动div,javascript,jquery,html,click,Javascript,Jquery,Html,Click,我希望在单击时将一个div“#menu”移到一边。我正在使用这个代码 <script> $("#menu").click(function(){ $("this").animate({ marginLeft: "+=250px", }, 1000 ); }); </script> $(“#菜单”)。单击(函数(){ $(“此”).animate({ marginLeft:“+=25

我希望在单击时将一个div“#menu”移到一边。我正在使用这个代码

  <script>
    $("#menu").click(function(){
        $("this").animate({ 
            marginLeft: "+=250px",
        }, 1000 );
    });
    </script> 

$(“#菜单”)。单击(函数(){
$(“此”).animate({
marginLeft:“+=250px”,
}, 1000 );
});
但它似乎什么也没做,当我把光标悬停在它上面时,我甚至没有得到一个光标。我做错了什么?我相信这是一个简单的修复,我只是忽略了

 $("this").animate({ 
        marginLeft: "+=250px",
    }, 1000 );
应改为:

 $(this).animate({ 
        marginLeft: "+=250px",
    }, 1000 );

“this”->this

尝试删除引号$(this)。

您应该使用
$(this)
(不带引号)


当您将其与引号一起使用时,就好像您正在尝试匹配文档中的
元素。我很确定这不是您想要的:)

尝试使用
$(this)
-不带引号。当你使用引号时,就好像你在尝试匹配一个
元素:)这与评论有什么区别?@sipp这对你来说似乎是错误的,伙计,我们的答案有10-15秒的差异,我甚至对他的答案投了更高的票。是的,我的目的是几分钟前显示他的答案,几秒钟前显示你的答案,但现在它显示得更近了
$("#menu").click(function(){
  $(this).animate({ 
    marginLeft: "+=250px",
  }, 1000 );
});