최신 웹 개발 튜토리얼
 

jQuery offset() Method

<jQuery를 HTML / CSS 방법

은 <P> 요소의 오프셋 (offset) 좌표를 반환합니다 :

$("button").click(function(){
    var x = $("p").offset();
    alert("Top: " + x.top + " Left: " + x.left);
});
»그것을 자신을 시도

정의 및 사용

offset() 메소드는 설정하거나 문서에 대해 선택된 요소, 좌표 오프셋 (offset)를 돌려줍니다.

반환하는 데 사용하는 경우 오프셋 :
이 방법은 FIRST 일치하는 요소의 오프셋 (offset) 좌표를 반환합니다. 이 두 특성을 가진 개체를 반환; 픽셀의 위쪽 및 왼쪽 위치.

설정하는 경우, 오프셋 :
이 방법은 모든 일치하는 요소의 오프셋 (offset) 좌표를 설정합니다.


통사론

오프셋 좌표를 돌려줍니다 :

$(selector).offset()

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

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

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

$(selector).offset(function(index,currentoffset))

매개 변수 기술
{top:value,left:value} 오프셋 설정을 할 때 필요합니다. 픽셀의 위쪽 및 왼쪽 좌표를 지정합니다.

가능한 값 :
  • 같은 이름 / 값 쌍, {top:100,left:100}
  • 위쪽 및 왼쪽 속성이있는 객체 ( )
function(index,currentoffset) 선택 과목. 위쪽 및 왼쪽 좌표를 포함하는 객체를 반환하는 함수를 지정합니다
  • index - 세트의 요소의 인덱스 위치를 반환
  • currentoffset - 선택한 요소의 현재 좌표를 돌려줍니다

그것을 자신을 시도 - 예를

오프셋 좌표를 설정
어떻게 요소의 오프셋 (offset) 좌표를 설정합니다.

함수를 사용하여 설정 오프셋 좌표
함수를 사용하여 소자의 오프셋 좌표를 설정한다.

객체를 이용하여 요소의 오프셋 좌표를 설정
새로운 객체를 사용하여 요소의 오프셋 (offset) 좌표를 설정하는 방법.

또 다른 소자의 오프셋 좌표를 사용하여 요소의 오프셋 좌표를 설정
어떻게 기존의 요소의 오프셋 (offset) 좌표를 사용하여 요소의 오프셋 (offset) 좌표를 설정합니다.


<jQuery를 HTML / CSS 방법