jQuery 스타일 관련 메서드

---

css() 메서드.

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

예제

상세한 코드는 아래 코드펜을 확인해주세요.

위치 관련 메서드

메서드 종류	설명
offset()	$("div").offset().left; $("div").offset().top; $("div").offset({left: 10, top: 10})	html 기준으로 left, top 값을 취득, 변경 할 수 있습니다.
position()	$("div").position().left $("div").position().top	부모 요소 기준으로 left, top 값을 취득할 수 있습니다.

예제

상세한 코드는 아래 코드펜을 확인해주세요.