📖 수치 조작 메서드
수치 조작 메서드는 요소의 속성을 조작할 때 사용하는 메서드로
요소의 넓이 높이나 여백영역을 조작하거나 위치를 바꿀 때 사용한다.
[기본형] 넓이와 높이를 변경해주는 메소드
1. $('요소선택').width() 또는 $('요소선택').width(숫자)
: 선택한 요소의 순수한 컨텐츠 영역(패딩, 또는 마진 ,border 제외)의 width값을 반환하거나 바꾼다.
2. $('요소선택').height() 또는 $('요소선택').height(숫자)
: 선택한 요소의 순수한 컨텐츠 영역(패딩, 또는 마진 ,border 제외)의 높이값을 반환하거나 바꾼다.
3. $('요소선택').innerwidth() 또는 $('요소선택').innerwidth(숫자)
: padding영역까지를 포함한 넓이값을 반환하거나 바꾼다.
4. $('요소선택').innerHeight() 또는 $('요소선택').innerHeight(숫자)
: padding영역까지를 포함한 높이값을 반환하거나 바꾼다.
5: $('요소선택').outerwidth() 또는 $('요소선택').outerwidth(숫자)
:border 영역까지를 포함한 넓이값을 반환하거나 바꾼다.
6: $('요소선택').outerHeight() 또는 $('요소선택').outerHeight(숫자)
:border 영역까지를 포함한 높이값을 반환하거나 바꾼다.
요소 위치 메서드
요소 위치 메서드에는 position()메서드와 offset()메서드가 있다.
position()메서드는 position 기준이 되는 요소를 기준으로 선택한 요소에서 가로/세로로 떨어진 위치 좌표값을 반환하거나 바꿀때 사용한다.(position:relative와 비슷함)
offset()메서드는 document문서를 기준으로 선택한 요소의 가로/세로 떨어진 위치 좌표값을
반환하거나 바꿀 때 사용한다.
[기본형]
$('요소선택').position().left/.right/.top/.bottom $('요소선택').offset().left/.top - 좌표 이름 뒤에는 소괄호 x
