[jQuery] 제이쿼리 기초 CSS 변경(단일/다중/여러개) 하는 모든 방법 정리

jQuery CSS 변경하는 방법 

 

 

jQuery를 사용하여 CSS 변경하는 방법을 알아보겠습니다.

 

 

 

두 가지의 방법이 있습니다. 

단일 스타일 지정과 다중 스타일 지정이 존재합니다.

 

 

 

1. 단일 스타일 지정

• 단일 스타일을 지정 할때는 소괄호와 쉼표만 적어주면 됩니다.
• 단일 스타일 지정은 CSS를 하나씩 지정해줘야 된다는 번거로움이 있지만 쓰임새에 알맞게 사용하시면 됩니다.

 

See the Pen jquery css2 by NamHo17 (@namho17) on CodePen.

 

 

 

 

 

2. 다중 스타일 지정

• 다중 스타일을 지정 할때는 단일 스타일과 다르게 중괄호와 쉼표 그리고 콜론(:)을 사용해야됩니다.

 

See the Pen jquery css by NamHo17 (@namho17) on CodePen.

 

 

CSS를 여러개 변경할 때 다중스타일 지정 방법은 굉장히 편리합니다.