.height()

수다왕

· 8년 전 · 조회 1537 1537

.height()

설명 : 일치하는 요소 집합의 첫 번째 요소에 대한 현재 계산 된 높이를 가져옵니다.

간의 차이 .css( "height" )와 .height()후자 (예를 들어, 단위가없는 화소 값을 반환하는 것이다 400)하면서 전자 리턴 (예를 들면, 완전한 단위의 값 400px). 이 .height()방법은 요소의 높이를 수학 계산에 사용해야 할 때 권장됩니다.

// Returns height of browser viewport
$( window ).height();

// Returns height of HTML document
$( document ).height();

참고 .height()항상 CSS의 값에 관계없이 내용의 높이를 반환합니다 box-sizing속성입니다. jQuery 1.8부터는 CSS 높이 + box-sizing속성을 검색 한 다음 요소가있을 때 각 요소에서 잠재적 인 경계 및 패딩을 빼야 할 수 있습니다 box-sizing: border-box. 이 페널티를 피하려면, .css( "height" )보다는 페널티를 사용하십시오 .height().

예:
다양한 높이를 보여주십시오. 값은 iframe에서 가져온 값이므로 예상 한 것보다 작을 수 있습니다. 노란색 강조 표시는 iframe 본문을 표시합니다.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>height demo</title>
<style>
div {
width: 50px;
height: 70px;
float: left;
margin: 5px;
background: rgb(255,140,0);
cursor: pointer;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

<script>
$( "div" ).one( "click", function() {
$( this ).height( 30 ).css({
cursor: "auto",
backgroundColor: "green"
});
});
</script>

</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
15935	jQuery jQuery ( ": first-child") 1	수다왕	1,531	8년 전
15934	jQuery .first()	수다왕	1,435	8년 전
15933	jQuery .finish ([queue])	수다왕	1,558	8년 전
15932	jQuery .find (selector)	수다왕	1,612	8년 전
15931	jQuery .filter (selector)	수다왕	1,623	8년 전
15930	jQuery jQuery ( ": file")	수다왕	1,794	8년 전
15929	jQuery .fadeToggle ([duration] [, easing] [, complete])	수다왕	1,735	8년 전
15928	jQuery .fadeTo( duration, opacity [, complete ] )	수다왕	1,598	8년 전
15924	jQuery .fadeOut ([duration] [, complete])	수다왕	1,659	8년 전
15923	jQuery .fadeIn ([duration] [, complete])	수다왕	1,475	8년 전
15922	jQuery event.which	수다왕	1,434	8년 전
15921	jQuery event.type	수다왕	1,641	8년 전
15920	jQuery event.timeStamp	수다왕	1,519	8년 전
15919	jQuery event.target	수다왕	1,226	8년 전
15917	jQuery event.stopPropagation ()	수다왕	1,594	8년 전
15916	jQuery event.stopImmediatePropagation ()	수다왕	1,336	8년 전
15915	jQuery event.result	수다왕	1,574	8년 전
15914	jQuery event.relatedTarget	수다왕	1,983	8년 전
15913	jQuery event.stopImmediatePropagation()	수다왕	1,956	8년 전
15912	jQuery event.result	수다왕	1,525	8년 전
15911	jQuery event.relatedTarget	수다왕	1,578	8년 전
15910	jQuery event.preventDefault ()	수다왕	1,971	8년 전
15909	jQuery event.pageY	수다왕	1,480	8년 전
15908	jQuery event.pageX	수다왕	1,406	8년 전
15907	jQuery event.namespace	수다왕	2,197	8년 전
15906	jQuery event.metaKey	수다왕	3,607	8년 전
15901	PHP 테이블에서 동적 rowspan 만들기 5	슈와이	5,576	8년 전
15900	기타 vi 명령모드	col	1,960	8년 전
15899	기타 vi 입력모드	col	1,781	8년 전
15898	기타 vi의 세가지 모드	col	2,066	8년 전

이전 다음

19 20 21 22 23

전체 목록

강좌