Skills/Web

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

늑대와 향신료 2014. 1. 13. 16:45
SMALL

age.html


먼저 소스를 보겠습니다.

 

 

 

 

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


 

 

 

 

 


 

 

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

 

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

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

 

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

 


 

 

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

 



 

 

 

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

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

 


 

 

결과.





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

LIST