Graceful Light

jQuery Change Class

2016-12-28


Toggle Event 사용시 AAA로 명명된 클래스를 BBB로 바꾸고 싶을 때가 있다.

1
$('#id').removeClass('AAA').addClass('BBB');

보통 이런 방식으로 사용하는데, alterClass 함수를 곁들이면 더 나이스하게 바꿀 수 있다.

소스

예제

1
2
3
4
// AAA to BBB
$('#id').alterClass('AAA', 'BBB');
// AAA-12, BBB-13 to AAABBB
$('#id').alterClass('AAA-* BBB-*', 'AAABBB');

asterisk(*)를 이용해 여러 개의 클래스를 한꺼번에 원하는 클래스로 변경할 수 있다.

여담

jQuery UI를 사용 중이라면, .switchClass를 사용하면 된다.

🍺

Buy me a beer 🍗

공유하려면 QR코드를 스캔해주세요