jQuery CSS 작업 - offset() 메서드
예제
<p> 요소의 현재 offset을 얻습니다:
$(".btn1").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
정의와 사용법
offset() 메서드는 일치하는 요소가 문서에 대한 offset(위치)를 반환하거나 설정합니다.
offset 좌표를 반환합니다
첫 번째 일치하는 요소의 offset 좌표를 반환합니다.
이 메서드가 반환하는 객체는 두 개의 정수형 속성을 포함합니다: top과 left, 픽셀을 기준으로 합니다. 이 메서드는 보이는 요소에 대해서만 유효합니다.
문법
$(selector).offset()
offset 좌표를 설정합니다
모든 일치하는 요소의 offset 좌표를 설정합니다.
문법
$(selector).offset(value)
| 매개변수 | 설명 |
|---|---|
| value |
필수. 픽셀을 기준으로 top과 left 좌표를 정의합니다. 가능한 값:
|
offset 좌표를 설정하는 함수를 사용합니다
모든 일치하는 요소의 offset 좌표를 설정하는 함수를 사용합니다.
문법
$(selector).offset(function(index,oldoffset))
| 매개변수 | 설명 |
|---|---|
| function(index,oldoffset) |
선택된 요소의 새로운 offset 좌표를 반환하는 함수를 정의합니다.
|
더 많은 예제
- 객체를 사용하여 객체에 새로운 offset 값을 설정합니다.
- 새 객체의 좌표를 사용하여 요소를 정위치합니다.
- 다른 요소의 위치를 사용하여 요소에 새로운 offset 값을 설정합니다.
- 기존 객체의 위치를 사용하여 요소를 정위치합니다.
