728x90
offset(), offset(coordinateObj)
jQuery 선택자로 선택한 요소의 좌표를 가져오거나 설정할 수 있다.
인자가 없을 경우 요소의 좌표를 가져오고, 인자(top, left 속성을 지닌 객체)를 넣어줄 경우 해당 좌표로 요소를 이동시킨다.
<div>
<div id="selectedElement" style="top:50px; left="180px">예시</div>
</div>
<script>
$(document).ready(function(){
let offset = $('#selectedElement').offset(); // offset = {top:50; left:180}
let top = $('#selectedElement').offset().top(); // top = 50
let left = $('#selectedElement').offset().left(); // left = 180
$('#selectedElement').offset({top:80; left: 150}); // top=80, left=150으로 요소 위치 변경
});
</script>
반응형
'Frontend > Javascript' 카테고리의 다른 글
JavaScript/jQuery) closest(), find() (0) | 2021.09.06 |
---|---|
JavaScript/jQuery) outerHTML, lnnerHTML (0) | 2021.09.05 |
JavaScript/jQuery) strict 모드 (0) | 2021.07.12 |
JavaScript/jQuery) debugger를 통해 코드 일정 부분 테스트하기 (0) | 2021.07.04 |
RequireJS를 사용해 스크립트 모듈화 하기 (0) | 2021.06.13 |