JQuery position() 과 offset() 의 차이

JQuery에는 .position() 함수와 .offset() 함수가 있다.두 함수의 차이를 알아보자.

JQuery API 사이트 Document를 보고 싶으면 클릭 ▼

 position | offset 

position : DOM에 포함되는 요소의 좌표,
offset은 document 안에서 현재 위치 이다.

예를 들어보자.

div {padding:20px;}

p {margin-left:10px;}

    <div>

        <p>좌표 테스트!</p>

    </div> 

var p = $("p:first");
p.text("left : " + p.position().left + " | top : " + p.position().top);
여기서 결과는 20 20


var p = $("p:first");
p.text("left : " + p.offset().left + " | top : " + p.offset().top);
여기서 결과는 35 20