用jquery移动元素

Question

如何使用jQuery移动元素：

position: absolute;
left: 169px;
top: 182px;

为：

position: absolute;
left: 169px;
top: 230px;

有明确的移动，所以不仅仅是css，它必须移动。

感谢。

Answer 1

http://api.jquery.com/animate/

演示：http://jsfiddle.net/pHwMK/

JS：

$(function() {
  $("div.ele").animate({ top: '230px' });
});

Answer 2

你的意思是动画吗？假设id="someElement"的元素已经有position:absolute和left:169px，那么：

$('#someElement').animate({top: 230});

如果您需要在动画之前在元素上设置初始CSS，那么在.css()之前再进行一次.animate()调用：

$('#someElement').css({
    position: 'absolute',
    left: 169,
    top: 182
}).animate({top: 230});