[자바스크립트] js, jQuery로 스타일,css 속성값 변경

외부 css가 적용된 div와 li태그의 속성값을 변경해본다.

 

js 로 스타일 속성 변경

js는 한번에 하나씩의 속성값만이 변경가능하다.

테두리와 여백값이 변경되었다.

 

jQuery로 스타일 속성 변경

jQuery에서는 여러 속성값을 묶어서 한번에 변경가능하다.

글자크기와 테두리, 여백이 변경이 되었다.

버튼이 클릭되었을 때 fontSize에 1을 더하도록 해본다.

클릭 시마다 글씨의 크기가 증가되고 콘솔창에 fontsize값이 int값으로 나오도록 한다.

버튼을 열번 클릭하여 li태그 중 select클래스를 가진 li태그의 

글자크기를 +10해주었다.