jQuery 도움말 CSS 크기(5) externalHeight, externalWidth_jquery

요구 사항을 충족하도록 요소를 더 잘 제어하기 위해 externalHeight(options) 및 externalWidth(options)를 통해 이 부분의 높이와 너비를 얻을 수 있습니다.

outerHeight(options)
첫 번째로 일치하는 요소의 외부 높이를 가져옵니다(기본값에는 패딩과 테두리가 포함됨).
이 방법은 보이는 요소와 숨겨진 요소 모두에 적용됩니다.
반환값: 정수
매개변수:
options(Boolean): (false) true로 설정하면 여백이 계산에 포함됩니다.
예:
첫 번째 문단의 외부 높이를 가져옵니다.
HTML 코드:

안녕하세요

두 번째 단락

jQuery 코드:
var p = $("p:first") ;
$("p:last").text( "outerHeight:" p.outerHeight() " , externalHeight(true):" p.outerHeight(true) ); >
안녕하세요

outerHeight: 35, externalHeight(true):55

outerWidth(options)

첫 번째로 일치하는 요소의 외부 너비를 가져옵니다(기본값에는 필러 포함) 및 프레임).
이 방법은 보이는 요소와 숨겨진 요소 모두에 적용됩니다.
반환값: 정수
매개변수:
options(Boolean): (false) true로 설정하면 여백이 계산에 포함됩니다.
예:
첫 번째 문단의 바깥쪽 너비를 가져옵니다.
HTML 코드:


안녕하세요

두 번째 단락

jQuery 코드:

var p = $("p: first");
$("p:last").text( "outerWidth:" p.outerWidth() " , externalWidth(true):" p.outerWidth(true) );

결과 :

안녕하세요

outerWidth: 65 , externalWidth(true):85