jquery_jquery에서 요소 크기 및 좌표를 얻는 방법

1. 좌표 획득

1.offset()

offset() 메소드는 문서를 기준으로 일치하는 요소의 오프셋(위치)을 반환하거나 설정합니다. (예: 뷰포트 좌표)

이 메서드에서 반환된 개체에는 위쪽과 왼쪽의 두 가지 정수 속성이 포함되어 있으며 픽셀 단위로 측정됩니다.

이 방법은 눈에 보이는 요소에만 작동합니다.

2.position()

position() 메소드는 상위 요소를 기준으로 일치하는 요소의 위치(오프셋)를 반환합니다. (상위 요소를 기준으로 한 문서 좌표)

이 메서드에서 반환된 개체에는 픽셀 단위로 측정된 위쪽 및 왼쪽의 두 가지 정수 속성이 포함되어 있습니다.

이 방법은 눈에 보이는 요소에만 작동합니다.

3.offsetParent()

offsetParent() 메서드는 가장 가까운 조상 위치 요소를 반환합니다.

위치 지정 요소는 CSS 위치 속성이 상대, 절대 또는 고정으로 설정된 요소를 나타냅니다.

위치는 jQuery 또는 CSS 위치 속성을 통해 설정할 수 있습니다.

2. 크기 가져오기

1.width() 및 height() 메서드

width() 메서드는 너비를 설정하거나 반환합니다. 요소(패딩, 테두리 또는 여백은 포함되지 않음)

height() 메서드는 요소의 높이(패딩, 테두리 또는 여백 제외)를 설정하거나 반환합니다.

2. innerWidth() 및 innerHeight() 메서드

innerWidth() 메서드는 요소의 너비(패딩 포함)를 반환합니다.

innerHeight() 메서드는 요소의 높이(패딩 포함)를 반환합니다.

3. externalWidth() 및 externalHeight() 메서드

outerWidth() 메서드는 요소의 너비(패딩 및 테두리 포함)를 반환합니다.

outerHeight() 메서드는 요소의 높이(패딩 및 테두리 포함)를 반환합니다.

outerWidth(true) 메소드는 요소의 너비(패딩, 테두리 및 여백 포함)를 반환합니다.

outerHeight(true) 메소드는 요소의 높이(패딩, 테두리 및 여백 포함)를 반환합니다.