본문 바로가기

Skills/Web

jQuery Basic 5강 - addClass() & removeClass()

SMALL

age.html


먼저 소스를 보겠습니다.

 

 

 

 

그리고 <body> 태그안에 내용을 넣어주세요. 그 다음


 

 

 

 

 


 

 

위와 같이 <style> 태그를 주겠습니다.

 

그리고 오늘의 주제인 addClass()를 봅시다.

원래 위 <body> 태그 내를 보시면 class 속성을 하나도 주지 않았기 때문에 스타일이 먹히지 않습니다.

 

그래서 저희가 jQuery를 사용해 <li> 태그에 클래스를 지정해주겠습니다.

 


 

 

자 이제 결과를 확인해 보겠습니다.

 



 

 

 

addClass() 를 사용해 보았습니다. 이번에는 removeClass()를 사용해보겠습니다.

addClass()로 지정한 것을 removeClass()로 제거하는 것 입니다.

 


 

 

결과.





addClass()와 removeClass()를 사용해보았습니다.

LIST

'Skills > Web' 카테고리의 다른 글

JQuery Basic 7강 - show() & hide()  (0) 2014.01.13
jQuery Basic 6강 - Event  (0) 2014.01.13
jQuery Basic 4강 - 변수 & 연속사용  (0) 2014.01.13
jQuery Basic 3강 - Selector  (0) 2014.01.13
jQuery Basic 2강 - jQuery & $  (0) 2014.01.13