클래스 존재 여부 판단
1 | $("#element").hasClass('class_name'); | cs |
클래스 추가
1 | $('#element').addClass('class_name'); | cs |
클래스 제거
1 | $('#element').removeClass('class_name'); | cs |
클래스 교체
1 | $('#element').removeClass('old_class').addClass('new_class'); | cs |
클래스 토글 클릭시마다 지정한 클래스로 토글
1 | $("#element").toggleClass('old_class new_class'); | cs |
클래스 전체 새로운 클래스로 변경
1 | $("#element").attr('class', 'class_name'); | cs |
| jQuery 이벤트 (0) | 2017.02.21 |
|---|
문서가 준비되면 함수를 실행
1 2 3 | $(document).ready(function(){ }); | cs |
클릭했을때
1 | $('#name').click(function(){ }); | cs |
마우스를 올렸을 때
1 | $('#name').mouseover(function(){ }); | cs |
마우스가 떠날때
1 | $('#name').mouseout(function(){ }); | cs |
마우스 오버 아웃 동시제어
1 | $('#name').hover(over(){},out(){}); | cs |
요소에 포커스할 때
1 | $('#name').focus(function(){ }); | cs |
요소가 포커스를 잃었을때
1 | $('#name').blur(function(){ }); | cs |
input/select/textarea 값 변경시
1 | $('#selectForm').change(function(){ }); | cs |
| jQuery class 제어 (0) | 2017.02.21 |
|---|