-
[jQuery입문] CSS 변경 방법개발 & 계발/jQuery 2015. 6. 12. 17:16반응형
jQueryObject.css('프로퍼티명','값');
예를 들어 아래와 같이 div가 있을 경우에
DIV1DIV2DIV3다음과 같이 css 값을 변경할 수 있다.
$(function(){ $('#div1').css('border', '3px dotted red'); $('#div2').css('background','green'); $('#div3').css('opacity', 0.5); });
그리고 한번에 여러개의 프로퍼티 값을 변경하려면 { } 를 사용하면 된다.
.css('프로퍼티명1','값1','프로퍼티명2','값2')는 안된다!!
$(function(){ $('#div3').css({ color: 'red', display: 'block', top: 120, left : 100 }); });
'개발 & 계발 > jQuery' 카테고리의 다른 글
[jQuery입문] .empty()로 내용 지우기 (0) 2015.06.12 [jQuery입문] .text(), .html() 로 내용 바꾸기 (0) 2015.06.12 [jQuery입문] 애니메이션 (0) 2015.06.12 [jQuery입문] find() - 내포된 요소 안에서 좀 더 검색하기 (0) 2015.06.12 [jQuery입문] 페이지 로딩 순서 (0) 2015.06.11