Chaining
jQuery Chaining 메서드를 사용하면 작업/메서드를 함께 연결할 수 있다.
체인을 사용하면 단일 문 내에서 여러 jQuery 메서드(동일한 요소에 대해)를 실행할 수 있다.
지금까지 우리는 jQuery 문을 한 번에 하나씩(하나씩) 작성해 왔다.
그러나 동일한 요소에 대해 여러 jQuery 명령을 차례로 실행할 수 있는 체인이라는 기술이 있다.
⭐ 이렇게 하면 브라우저가 동일한 요소를 두 번 이상 찾을 필요가 없다.
액션을 연결하려면 이전 액션에 액션을 추가하기만 하면 된다.
예제
css(), slideUp()및 slideDown() 메서드를 함께 연결한다.
“p1” 요소는 먼저 빨간색으로 변경된 다음 위로 슬라이드되고 다시 아래로 슬라이드된다.
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
기본 예시
예제 보기줄 바꿈 및 들여쓰기한 예제
필요한 경우 더 많은 메서드 호출을 추가할 수도 있다.
⭐ jQuery는 구문이 그다지 엄격하지 않다. 줄 바꿈 및 들여쓰기를 포함하여 원하는 대로 형식을 지정할 수 있다.
$("#p1").css("color", "red") .slideUp(2000) .slideDown(2000);
기본 예시
예제 보기참고
W3C School - jQuery Effects - Callback
jQuery 시작하기