[jQueryUI] 스타일클래스 적용/제외 시 에니메이션 - addClass(), removeClass(), toggleClass()
Front-End/jQueryUI 2017. 1. 9. 17:55스타일클래스 적용/제외 시 에니메이션 - addClass(), removeClass(), toggleClass()
1. 정의
- 제이쿼리 표준 함수를 확장하여 사용한다
- jQuery UI의 Effect 확장
- <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
2. 문법
- $('요소').addClass(클래스명, 시간, 콜백함수);
- $('요소').removeClass(클래스명, 시간, 콜백함수);
- $('요소').toggleClass(클래스명, 시간, 콜백함수);
3. 예제
1) 종류
- addClass(), removeClass(), toggleClass()
'Front-End > jQueryUI' 카테고리의 다른 글
[jQueryUI] 확장된 표시/ 비표시 함수 - show(), hide() toggle() (0) | 2017.01.10 |
---|---|
[jQueryUI] 다른스타일로 서서히 전환 - switchClass() (0) | 2017.01.10 |
[jQueryUI] 독립적인 에니메이션 구현 - animate() (0) | 2017.01.09 |
[jQueryUI] 에니메이션 종료시 처리 - 에니메이션 메소드의 두번째 인수 (0) | 2017.01.09 |
[jQueryUI] 제이쿼리 주요 에니메이션 메소드 (0) | 2017.01.09 |