JQuery 함수 콜백(Callback)

Callback

 

JQuery에서 사용되는 Callback함수에 대한 관리

 

콜백 함수는 여러 줄의 스크립트 구문을 큐(Queue)에 쌓아 하나씩 실행

사용 문법

var callbacks = $.Callbacks();

 

이 후 생성된 객체를 이용하여 콜백을 추가, 제거, 인스턴스화, 비활성화 가능

추가 : add()

제거 : remove()

인자전달실행 : fire()

추가호출 비활성화 : disable()

 

add()

실행될 함수를 콜백 배열에 추가

fire()

callbacks에 등록된 함수 실행(인자 전달 가능)

remove()

등록된 callback함수를 제거

disable()

등록되어 있는 나머지 콜백함수 모두 실행 안함

 

예제 코드1)

 

실행결과

예제 코드2)

 

 

체이닝

동일한 요소에서 다양한 종류의 함수가 체이닝 되어 실행가능

각 구문은 하나씩 실행

실행 후 반환하는 값은 새로운 JQuery객체

이전 동작에 다음동작을 더하는 형식으로 사용 가능

 

사용 예)

- slideUp(), slideDown() 기능으로 테스트

$("#p1").css("color", "blue").slideDown(100).slideUp(35);