제이쿼리 스타일 관련 메서드

jQuery : 스타일 관련 메서드

>

css() 메서드

선택한 요소의 css속성값을 가져오거나 추가하는 메서드입니다.

실행 분류	형식
취득	$("div").css("width");
생성, 변경	$("div").css("background-color", "red").css("padding", "10px");
	$("div").css({background-color: "red", padding: "10px"});
콜백 함수	$("div").css("width", function(index, .w) { // index는 각 div 요소의 index 0,1,2 // w은 각 div 요소 width 속성 return css 속성 // 각 div 요소의 css 속성을 변경합니다. }); …… <div>내용</div> <div>내용</div> <div>내용</div>

width, height 관련 메서드

메서드 종류	설명
width()	요소의 가로 길이를 취득, 변경할 수 있습니다.
innerWidth()	padding이 적용된 요소의 가로 길이를 취득, 변경할 수 있습니다.
outerWidth()	border와 margin이 적용된 요소의 가로 길이를 취득, 변경할 수 있습니다. outerWidth()는 요소의 width값 + 좌 ∙ 우 border 값 outerWidth(true)는 요소의 width값 + 좌 ∙ 우 border값 + 좌 ∙ 우 margin값
height()	요소의 높이를 취득, 변경할 수 있습니다.
innerHeight()	padding이 적용된 요소의 높이를 취득, 변경할 수 있습니다.
outerHeight()	border와 margin이 적용된 요소의 높이를 취득, 변경할 수 있습니다. outerHeight()는 요소의 height값 + 상 ∙ 하 border 값 outerHeight(true)는 요소의 height값 + 상 ∙ 하 border값 + 상 ∙ 하 margin값