[제이쿼리/jQuery] 제이쿼리로 CSS 변경하기 : $('html 요소').매서드('매개변수1','매개변수2');

제이쿼리로 css를 변경하기 위해서

 

1. 제일 먼저 $()함수로 제이쿼리 고유의 형식으로 변환시켜야 한다.

* 제이쿼리는 html에 직접 css 메서드를 실행할 수 없으므로, 고유의 형식으로 지정해야 한다.

이때 변환된 요소를 'jQuery 객체'라고 한다.

 

2. 변환한 객체에 매서드를 호출해서 html 요소를 변경한다.

* $('html 요소').매서드('매개변수1','매개변수2');

* 여기서 '.점'은 객체와 매서드를 이어주는 역할, ';세미콜론'은 명령이 끝났음을 나타내는 역할을 한다.

 

.css('속성','값');  = 하나일 때
.css({'속성1' : '값1' , '속성2' : '값2' , '속성3' : '값3'}); = 하나 이상일 때 ','으로 연결시켜준다.

.css({
 	color : 'red',
 	fontSize : 20,
 	textDecoration : 'underline'
});

 

 

** 숫자는 "따옴표" 없이 사용 가능하나, %로 사용할 경우 "따옴표" 안에 작성해야 한다. 그렇지 않으면 px로 인식하게 된다.

** text-decoration 과 같이 '-하이픈' 으로 연결되는 경우, textDecoration 낙타표기법으로 축약할 수 있다.