jquery 오프셋() 메서드
번역 결과：
offset
English [ˈɒfset] US [ˈɔ:fset]
vt. 오프셋(비교 목적으로)을 병치(또는 병치)하기 위해;
vi .브랜치 형성, 브랜치 설치n.beginning; 오프셋, 보상adj; 오프셋 시작;jquery 오프셋() 메서드통사론
함수: offset() 메서드는 문서를 기준으로 일치하는 요소의 오프셋(위치)을 반환하거나 설정합니다.
오프셋 좌표 반환: 첫 번째로 일치하는 요소의 오프셋 좌표를 반환합니다. 이 메서드에서 반환된 객체에는 픽셀 단위로 측정된 위쪽 및 왼쪽의 두 가지 정수 속성이 포함되어 있습니다. 이 방법은 보이는 요소에만 작동합니다.
구문: $(selector).offset()
오프셋 좌표 설정: 일치하는 모든 요소의 오프셋 좌표를 설정합니다.
구문: $(selector).offset(값)
매개변수:
| 매개변수 | 설명 |
| 값 | 필수입니다. 위쪽 및 왼쪽 좌표를 픽셀 단위로 지정합니다. 가능한 값:값 쌍(예: {top:100,left:0}) 상단 및 왼쪽 속성이 있는 객체 |
함수를 사용하여 오프셋 좌표를 설정합니다. 함수를 사용하여 모든 객체의 오프셋 좌표를 설정합니다. 일치하는 요소 .
구문: $(selector).offset(function(index,oldoffset))
매개변수:
| Parameters | Description |
| function(index,oldoffset) | 반품 지정 선택한 요소의 새 오프셋 좌표 기능. |
| index | 선택사항. 선택기 |
| oldvalue | 의 인덱스 위치를 허용합니다. 선택기의 현재 좌표를 적용합니다. |
jquery 오프셋() 메서드예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요