Question

jQuery提供了一种获取元素位置的方法：

var position = myElement.position();

但是，此功能是只读的。

有没有办法设置元素的位置？

Answer 1

$("#element").offset({ top: XXX, left: YYY})

http://api.jquery.com/offset/

Answer 2

是的，您只需在项目中添加适当的css：

// Example
myElement.css({ position: relative; top: -40, left: -40 });

Answer 3

要定位你可以使用CSS方法：

$(element).css('left', '22px');

$(element).css({
  left: '22px',
   top: '10px'
});

这假设您的样式表中已经有position:relative或position:absolute。如果没有，您也可以像添加left或top，right或bottom一样添加它。也适用于z-index。

http://api.jquery.com/css/

Answer 4

如果你在jQuery之外使用jQuery UI，你可以使用position utility。

$(selector).position({
  of: $(parent_selector),  //position against
  my: 'right',             //element being positioned
  at: 'center',            //target element
  ...
});

Answer 5

$('selector').css({'position':'relative','top':'10px','left':'10px');

Answer 6

您可以通过设置其顶部和左侧样式属性来仅定位绝对或相对定位的元素。使用css方法并设置元素的position，top和left属性。

$("selector").css({
    position: 'absolute',//Or relative
    top: 100,
    left: 100
});

Answer 7

此问题的通常决定是使用.css()方法，如：

$(".element").css({
    position: absolute, //or relative
    top: '50px',
    left: '50px'
});

.position()等函数返回对象属性.top和.left，因此您也可以尝试下一个：

$(".element").position().top = 50;
$(".element").position().top = 50;

我没有尝试过自己的最后一种方式，所以我不确定它是否有效，但第一种方法却很有效。

Answer 8

没有。 JQuery无法设置元素的偏移量。相反，它可以设置它的顶部和左侧属性。以及它的位置CSS属性。

如何使用jQuery定位元素

8 个答案: