jQuery offset() 메서드

jQuery HTML/CSS 메서드

offset() 메서드는 선택된 요소가 문서에 대한 오프셋 좌표를 가져오거나 설정합니다。

offset() 메서드를 사용할 때가져옵니다오프셋 시, 그것은 반환합니다첫 번째 선택된 요소의 오프셋 좌표(포함2개의 속성 객체(　top 과 left ））。

offset() 메서드를 사용할 때설정오프셋 시, 그것은 설정합니다모든 선택된 요소의 오프셋 좌표。

문법：

오프셋 좌표를 가져옵니다：

$("selector").offset()

오프셋 좌표를 설정합니다：

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

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

$("selector").offset(function(index,　currentOffset))

인스턴스

각의 오프셋 좌표를 가져옵니다：

$("button").click(function(){
　　let　p　=　$("p");
　　let　offset　=　p.offset();
　　p.html("left:　"　+　offset.left　+　",　top:　"　+　offset.top);
});

모든 각의 오프셋 좌표를 설정합니다：

$("button").click(function(){
　　$("p").offset({
　　　　top:　60,
　　　　left:　30
　　});
});

다른 요소의 오프셋 좌표를 사용하여 요소의 오프셋 좌표를 설정합니다：

$("button").click(function(){
　　$("p").offset($("div").offset());
});

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

$("button").click(function(){
　　$("p").offset(function(i, val){
　　　　let newCord = new Object();
　　　　newCord.left = val.left　+　100;
　　　　newCord.top = val.top　+　100;
　　　　return newCord;
　　});
});

파라미터 값

jQuery HTML/CSS 메서드