用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});