J-Query_수치조작메서드

객체 조작 메서드

• 객체를 생성,복제,삭제,속성변환하는 객체 조작 메서드
• 속성조작메서드, 수치조작메서드, 객체편집메서드로 나뉨

수치 조작 메서드
요소의 속성을 조작할 때 사용하는 메서드

height( ) 여백제외 높이

$("요소 선택").height();
$("요소 선택").height(100);

width( ) 여백제외 너비

$("요소 선택").width();
$("요소 선택").width(100);

innerHeight( ) 여백포함 높이

$("요소 선택").innerHeight();

innerWidth( ) 여백포함 너비

$("요소 선택").innerWidth();

outerHeight( ) 선과 안쪽여백포함 높이

$("요소 선택").outerHeight();

outerWidth( ) 선과 안쪽여백포함 너비

$("요소 선택").outerWidth();

position( ) 포지션기준이 되는 요소를 기준으로 선택한 요소의 포지션 위치 값

$("요소 선택").position().left();
$("요소 선택").position().top();

offset( )
선택요소가 문서에서 수평/수직으로 얼마나 떨어져 있는지에 대한 값

$("요소 선택").offset().left();
$("요소 선택").offset().top();

scrollLeft( ) scrollTop( )
브라우저 수평 스크롤 이동 높이값/ 브라우저 수직 스크롤 이동 너비 값

$("요소 선택").scrollLeft();
$("요소 선택").scrollTop();

그림참고) 요소 = 콘텐츠 영역