[jQuery] 위치/크기 관련 기능 다루기

부모 좌표 노드 구하기

$대상.offsetParent()

 

자식 노드의 위치는 부모 좌표 노드에 영향을 받습니다.

부모 좌표 노드가 왼쪽으로 50만큼 이동하면 부모 좌표 노드 안에 포함된 자식 노드 역시 같이 움직입니다.

 

- 자바스크립트 DOM에서 부모 좌표 노드 

자바스크립트 DOM에서는 position 속성값이 absolute 또는 relative로 설정된 조상 노드 중 가장 근접한 노드가 부모 좌표 노드가 됩니다.

 

지역(부모 노드 기준) 좌표 위치 다루기

지역위치란 ? 부모 좌표 노드의 left():0 , top():0 위치를 시작점으로 하는 위치 값을 의미합니다.

 

지역 위치 구하기 : position() 메서드를 이용하면 요소의 지역 위치 값을 구할 수 있습니다.

$대상.position().left

$대상.position().top