[jQuery] 엘리먼트 좌표(top, left) 구하기와 변경 방법

[jQuery] 엘리먼트 좌표(top, left) 구하기와 변경 방법

엘리먼트 요소의 top, left 좌표를 구합니다. 이 값은 css의 position 정의 후 엘리먼트의 위치를 구하거나 설정하는데 사용됩니다.

var obj = $("#div").offset();

// #div의 현재 위치
console.log("left: " + obj.left + "px, top: " + obj.top + "px");

// #div의 현재 위치에서 특정치(50px)만큼 이동
$("#div").css("left", obj.left + 50);

// #div 좌표 새로 설정
$("#div").css({
   "position" : "absolute",
   "top" : "100px",
   "left" : "200px"
});

 

%d 블로거가 이것을 좋아합니다: