jQuery offset() 메서드

<p> 요소의 오프셋 좌표를 반환합니다.

$("button").click(function(){
var x = $("p").offset();
alert("Top: " + x.top + " Left: " + x.left);
});

정의 및 사용

offset() 메서드는 문서를 기준으로 선택한 요소의 오프셋 좌표를 설정하거나 반환합니다.

오프셋을 반환하는 데 사용되는 경우:
이 메서드는 첫 번째 일치 요소의 오프셋 좌표를 반환합니다. 2개의 속성을 가진 객체를 반환합니다. 픽셀 단위의 상단 및 왼쪽 위치.

오프셋을 설정하는 데 사용되는 경우:
이 메서드는 일치하는 모든 요소의 오프셋 좌표를 설정합니다.

오프셋 좌표를 반환합니다.

$(selector).offset()

오프셋 좌표 설정:

$(selector).offset({top:value,left:value})

함수를 사용하여 오프셋 좌표 설정:

$(selector).offset(function(index,currentoffset))

Parameter	Description
{top:value,left:value}	Required when setting the offset. Specifies the top and left coordinates in pixels. Possible values: Name/Value pairs, like {top:100,left:100} An object with top and left properties ()
function(index,currentoffset)	Optional. Specifies a function that returns an object containing the top and left coordinates index - Returns the index position of the element in the set currentoffset - Returns the current coordinates of the selected element

설정 요소의 오프셋 좌표를 설정하는 방법입니다.

를 사용하여 오프셋 좌표 설정 함수를 사용하여 요소의 오프셋 좌표를 설정합니다.

의 오프셋 좌표 설정 새 개체를 사용하여 요소의 오프셋 좌표를 설정하는 방법입니다.

설정 기존 요소의 오프셋 좌표를 사용하여 요소의 오프셋 좌표를 설정하는 방법입니다.