jQuery는 페이지와 요소의 높이와 너비에 대한 요약을 얻습니다. - 매우 실용적입니다.jquery

다음은 페이지의 높이와 너비, 개별 요소를 얻는 jQuery의 방법을 요약하고 모든 사람과 공유합니다.

브라우저 표시 영역(시각적 영역)의 높이를 가져옵니다.

코드 복사 코드는 다음과 같습니다.

$(window).height();

브라우저 표시 영역(시각적 영역)의 너비를 가져옵니다.

코드 복사 코드는 다음과 같습니다.

$(창).너비();

페이지의 문서 높이를 가져옵니다

코드 복사 코드는 다음과 같습니다.

$(문서).높이();

페이지의 문서 너비를 가져옵니다.

코드 복사 코드는 다음과 같습니다.

$(문서).너비();

현재 브라우저 창의 문서 본문 높이:

코드 복사 코드는 다음과 같습니다.

$(document.body).height();

현재 브라우저 창의 문서 본문 너비:

코드 복사 코드는 다음과 같습니다.

$(document.body).width();

스크롤 막대의 수직 높이를 맨 위로 가져옵니다(즉, 위로 스크롤되는 웹페이지의 높이)

코드 복사 코드는 다음과 같습니다.

$(문서).scrollTop();

스크롤 막대의 세로 너비를 왼쪽으로 가져옵니다.

코드 복사 코드는 다음과 같습니다.

$(document).scrollLeft();

요소 너비 가져오기 또는 설정:

코드 복사 코드는 다음과 같습니다.

$(obj).width();

요소의 높이를 가져오거나 설정합니다:

코드 복사 코드는 다음과 같습니다.

$(obj).높이();

요소의 상단 테두리에서 body 상단까지의 거리: obj.offset().top;(포함 요소에 스크롤 막대가 없는 경우)
요소의 왼쪽 가장자리에서 body의 가장 왼쪽 위치까지의 거리: obj.offset().left;(포함 요소에 스크롤 막대가 없는 경우)
현재 요소의 위쪽 가장자리에서 포함 요소의 위쪽 가장자리까지의 오프셋을 반환합니다. obj.offset().top(요소의 포함 요소에 스크롤 막대가 포함된 경우)
현재 요소의 왼쪽 가장자리부터 포함 요소의 왼쪽 가장자리까지의 오프셋을 반환합니다. obj.offset().left(요소의 포함 요소에 스크롤 막대가 포함된 경우)
obj.offset().top;
요소의 왼쪽 또는 위쪽 가장자리로 스크롤된 픽셀 수를 설정하거나 반환합니다. 간단히 말해서 스크롤 막대의 위쪽 또는 왼쪽을 기준으로 일치하는 요소의 오프셋을 설정하거나 가져오는 것입니다. 이러한 픽셀은 요소에 스크롤 막대가 있는 경우에만 유용합니다. 예를 들어 요소의 CSS 오버플로 속성이 auto로 설정된 경우입니다. 이러한 속성은 문서의 또는 태그에만 정의되며(브라우저에 따라 다름) 함께 위치를 지정하는 데 사용됩니다. 스크롤하는 문서의 이러한 속성은