offset그룹============================================================================
내용: offsetLeft, offsetTop의 기준 좌표계가 될 컨테이너 엘리먼트 일반적인 경우 = Document
동적인 위치의 경우=동적위치가 적용된 상위 엘리먼트
jQuery -offsetParent()
javascript-(Element) offsetParent()
내용- 엘리먼트의 너비 높이( 단 margin제외, border, padding, scrollBar포함 )
jQuery - outerWidth(), outerHeight()
javascript-(int) offsetWidth, offsetHeight
내용-컨테이너(offsetParent)를 기준으로 엘리먼트가 위치한x,y좌표
jQuery - position().left, position().top
javascript-(int) offsetLeft, offsetTop
scroll그룹==============================================================================
내용-엘리먼트의 너비와 높이( 단 overflow:scroll인 경우 화면에 보이지 않는 영역까지 포함됨.
이러한 경우 offsetWidth, offsetHeight보다 scoll값이 큼 )
jQuery - 없음
javascript- ( int ) scrollWidth, scrollHeight
내용- 스크롤된 x, y값
jQuery- scrollLeft(), scrollTop()
javascript- ( int ) scrollLeft, scrollTop
client그룹==============================================================================
내용- 엘리먼트 내부의 클라이언트 영역의 너비와 높이( 단 margin, border, padding, scrollBar제외 )
jQuery-없음
javascript- ( int ) clientWidth, clientHeight
내용- 엘리먼트 내부의 클라이언트가 위치한 x,y 좌표( border값과 같음 )
jQuery-없음
javascript- ( int ) clientLeft, clientTop
내용-Document를 기준으로 엘리먼트의 left, top, right, bottom, width, height를 모두 알아낼 수 있음.
jQuery-offset().left, offset().top
javascript- ( int ) getBoundingClientRect()
내용-style에 작성된 너비와 높이
jQuery-width(), height()
javascript-없음
내용-엘리먼트의 너비와 높이( 단 margin과 border 제외, padding과 scrollBar포함)
jQuery-innerWidth(), innerHeight()
javascript-없음
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 말그대로 잡동사니 팁 유틸등을 정리 해보려합니다 | 공수래 | 2013.03.15 | 2726 |
16 | flexGrid 메소드및 프로퍼티 정리 | 공수래 | 2023.10.19 | 119 |
15 | crossdomain.xml 작성법 | 공수래 | 2015.05.07 | 4931 |
14 | Daz 3D Tutorial-3PointLightSetup | 공수래 | 2014.10.26 | 983 |
13 | [jQuery] jQuery API - 선택자 | 공수래 | 2014.09.25 | 835 |
12 | jQuery API - 제어 (선택, 삽입, 삭제, 변경, 변환, 확장) | 공수래 | 2014.09.25 | 6449 |
11 | 쿠키생성 및 사용하기 | 공수래 | 2014.09.14 | 660 |
10 | keygen | 공수래 | 2013.09.07 | 1917 |
9 | jquery waterwheel Carousel 플러그인 이미지 아래에 텍스트 넣기 | 공수래 | 2013.08.12 | 4607 |
8 | jQuery 메소드 | 공수래 | 2013.08.02 | 2351 |
» | 엘리먼트에 관련된 프로퍼티 메서드 | 공수래 | 2013.08.02 | 1490 |
6 | jQuery에서 제공하는 엘리먼트와 관련된 프로퍼티와 메서드 | 공수래 | 2013.08.02 | 7778 |
5 | 웹폰트 개념 | 공수래 | 2013.08.01 | 1280 |
4 | .outerWidth( [includeMargin] ) | 공수래 | 2013.07.26 | 1992 |
3 | daz3d UberEnvironment 라이트 | 공수래 | 2013.07.12 | 1410 |
2 | Jquery 글자수 체크 | 공수래 | 2013.03.16 | 2378 |
1 | Nginx로 서버를 돌릴 경우 1M 파일 제한 | 공수래 | 2013.03.15 | 2324 |