jQuery로 CSS 다루기

 

jQuery로 CSS를 다루는 방법이다. jQuery로 CSS 지원하는 함수는 다음과 같다.

 

$(선택자).css(이름, 값)

$(선택자).css({css속성들}) 

$(선택자).css(이름) 

 

 

1. $(선택자).css(이름, 값)

 

$("p").css("back-ground","green");

 

2. $(선택자).css({css속성들})

 

$("p").css({"background-color":"yellow","font-size":"200%"});

 

3. $(선택자).css(이름) 

 

$(this).css("background-color");

 

이름만 지정하면 이름에 해당하는 값을 반환한다.

 

 

■ jQuery로 요소 사이즈 변경

 

jQuery로 HTML 요소의 사이즈를 변경하는 함수이다.

 

$(선택자).height(높이값)

$(선택자).width(너비값)

 

[예제] 

$("#id100").height("200px");