jQuery：按相对值移动元素

Question

（意思是元素的左值）： 移动元素最简单的方法是什么 - 例如向左移动 10px（从当前位置）？

Answer 1

下面是一个使用 jQuery 的简单示例：

$("#el").css({
    left: $("#el").position().left - 10 + "px"
});

注意：您想要移动的元素必须绝对定位或相对定位。

Answer 2

假设你的元素有 id 'myElement'：

$('#myElement').css(
{
  'position': 'relative',
  'left': '-10px'
});

Answer 3

从 1.6 开始，您可以在 css() 中使用相对值，因此您可以使用以下内容：

$('#myElement).css( "left", "+=15" );

只要该元素已经具有 left 的定义值并且绝对定位。

参考： http://api.jquery.com/css/

Answer 4

jQuery 可能有点过分了，设置 margin-left: -10px 就可以了。

您可以获取元素相对于文档的 offset()： http://docs.jquery.com/CSS/ offset

这会给你左边，顶部等。

然后你可能需要像这样使用 css 来定位元素。

 subMenu.css({
            position: 'absolute',
            zIndex: 5000,
            left: left,
            top: top
        });

Answer 5

由于其他答案都不是真正的 jQuery 风格的解决方案，我将复活这个老问题。

此解决方案可以将所有选定元素移动相对值：

$('.selected').each(function() {
    $(this).css({ left: $(this).position().left - 10 });
});