jquery에서 요소 높이를 얻는 세 가지 방법은 height(), innerHeight(), externalHeight(bool)입니다. 요소 너비를 얻는 세 가지 해당 방법도 있습니다: width(), innerHeight(), externalHeight(bool), 아래 그림과 같이 이 세 가지 메소드가 어떤 요소 속성에 해당하는지:
위 그림에서 볼 수 있듯이 height() 메소드는 상단 스타일에서 설정한 너비 속성에 해당합니다.
innerHeight()는 padding-top padding-bottom 너비에 해당합니다.
outerHeight()는 너비 padding-top padding-bottom border-top border-bottom에 해당합니다.
그리고 아래의 innerWidth(bool) 메소드 매개변수가 true로 설정되어 있기 때문에 아래의 externalHeight와 externalWidth 값이 다른 것을 확인할 수 있습니다.
이때 margin-top과 margin-bottom이 추가됩니다.
즉: externalWidth = 너비 패딩-상단 패딩-하단 테두리-상단 테두리-하단 여백-상단 여백-하단;
간단한 예를 들어보겠습니다
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.