我的Jquery是有效的，但是如何让图像移动

我有一个带有Jquery、CSS和HTML的JSFIDLE。发布时，按钮ID不会移动大象。div的格式正确吗？

JQuery赋值

您的小提琴中的HTML有很多问题（缺少引号、不存在的结束标记等），并且您没有将jQuery包含在左侧的下拉列表中。不过，最大的问题是，您试图设置

.grad

元素的动画，而不是

.ele

元素的动画。试试这个：

$("#moveRight" ).click(function() {
  $(".ele" ).animate({ "left": "+=50px" }, "slow" );
});

$("#moveLeft" ).click(function(){
  $( ".ele" ).animate({ "left": "-=50px" }, "slow" );
});

---

您选择了错误的元素，您得到的元素具有class

grad

，而您的大象具有class

ele

---

另外，您没有将jQuery加载到JSFIDLE中。

大象在哪里？它是div类ele img源代码，我做了一个JSFIDLE

<div class="header">
    <h1>JQuery Assignment</h1>
    <input type="button" id="moveRight" value="move right" class="grad" />
    <input type="button" id="moveLeft" value="move left" class="grad" />
</div>
<div class="ele">
    <img src="http://s26.postimg.org/wlgqr1139/ele2.png" />
</div>
<div class="wrapper">
    <div class="content"></div>
</div>

$("#moveRight" ).click(function() {
  $(".ele" ).animate({ "left": "+=50px" }, "slow" );
});

$("#moveLeft" ).click(function(){
  $( ".ele" ).animate({ "left": "-=50px" }, "slow" );
});