본문 바로가기

jQuery Basic 5강 - addClass() & removeClass() age.html 먼저 소스를 보겠습니다. 그리고 태그안에 내용을 넣어주세요. 그 다음 위와 같이 태그를 주겠습니다. 그리고 오늘의 주제인 addClass()를 봅시다.원래 위 태그 내를 보시면 class 속성을 하나도 주지 않았기 때문에 스타일이 먹히지 않습니다. 그래서 저희가 jQuery를 사용해 태그에 클래스를 지정해주겠습니다. 자 이제 결과를 확인해 보겠습니다. addClass() 를 사용해 보았습니다. 이번에는 removeClass()를 사용해보겠습니다.addClass()로 지정한 것을 removeClass()로 제거하는 것 입니다. 결과. addClass()와 removeClass()를 사용해보았습니다. 더보기
jQuery Basic 4강 - 변수 & 연속사용 을 다음과 같이 변수에도 넣어줄 수 있습니다. 변수에 넣어주면 다음과 같이 두개의 옵션을 적용할 수 있습니다.참고로 그냥 .css({color:"Red", background-color:"Orange"}) 이런식으로도 사용할 수 있습니다. 결과. 참고로 이렇게 사용할 수도 있답니다. 더보기
jQuery Basic 3강 - Selector 이번에는 jQuery에서 CSS 를 해보도록 하겠습니다. [HTMLPage.html]에 아래와 같이 추가합니다. 그 다음 태그에 CSS를 줘보겠습니다. 결과를 확인하면.. 위와 같은 결과가 나옵니다. 자, 이제 style 태그를 지우고 jQuery를 사용해보도록 하겠습니다. 태그에 color을 Red로 하겠다. 이네요.결과를 확인해 보면 위 css로 적용한 결과와 동일할 것 입니다. 이번에는 여러개의 태그에 적용해보겠습니다. 여러개의 태그에 각 옵션을 주기위해서 id 와 class를 사용하였습니다. 확인. 더보기