728x90 300x250 offset()3 [JQuery] 좌표값 구하기, 설정하기 정리(부모좌표, 지역좌표, 전역좌표) 부모 좌표 노드 구하기 $대상.offsetParent() https://moo-you.tistory.com/864 부모 좌표 노드 구하기 offsetParent() 부모좌표노드란? 특정 노드의 기준 좌표가 되는 노드를 말한다. 즉 부모 좌표가 변하면 자식 노드도 영향을 받아 변하게 된다. 일반적으로 부모노드는 대상 노드를 감싸고 있는 노드가 부모 노 moo-you.tistory.com 지역 좌표 위치 다루기 지역 좌표 위치 구하기 $대상.position().left $대상.position().top 지역 좌표 위치 설정하기 대상.css({"left",위치값}) 대상.css({"top",위치값}) 대상.css({left:위치값, top:위치값}) https://moo-you.tistory.com/865 지.. 2023. 4. 8. 전역 위치 설정하기 offset offset() $대상.offset({left:좌표값, top:좌표값}) jQuery의 offset()메서드를 사용하면 전역 위치를 읽는것 뿐만 아니라 설정할 수도 있다. 다음은 offset() 메서드를 활용한 예제이다. 마우스 클릭한 지점으로 캐릭터 이동 시키기 마우스를 클릭하면 pageX, pageY이벤트 객체를 이용해서 left와 top 위치 값을 가져온 뒤에 offset을 이용해서 설정한다. 2023. 3. 31. 전역 위치 값 구하기 offset() 전역 좌표는 최상위 노드인 document의 위치 값 left:0, top:0을 시작점으로 하여 계산하는 좌표를 말한다. offset() $대상.offset().left $대상.offset().top 최상위 노드인 문서 (Document)를 기준으로 전역 좌표를 구할때는 jQuery에서 제공하는 offset()메서드를 사용할 수 있다. Hello2nd Paragraph 마지막 p태그의 전역 좌표 값을 구해서 마지막 p태그위치에 loft, top 위치를 출력 출처 : https://api.jquery.com/offset/ 2023. 3. 30. 이전 1 다음 728x90 반응형