jquery_jquery의 동적 효과 요약

애니메이션 효과를 종합적으로 활용하면 간단한 코드를 사용하여 다양한 jquery 플러그인의 효과를 간단하게 구현할 수도 있습니다

이 글은 "A Brief Talk on jquery"라는 책을 참고하여 정리한 것입니다. , 그리고 제 현실과 결합시켜서 만든 것인데 학습 매뉴얼이라고 볼 수 있습니다
코드를 편집하다보니 다 엉망이 되어버렸네요. 아직 코드 형식이 좀 지저분한 점 양해 부탁드립니다.
표시, 숨기기 및 조합(토글) 효과
1.show(speed,callback);
설명: 이 방법은 숨겨진 요소를 표시할 수 있으며 매개변수도 기본값입니다. 즉, 형식으로 작성됩니다. of show()
speed --- 표시 속도를 지정하는 3가지 매개변수가 있습니다. 느림, 보통, 빠름을 선택하거나 직접 숫자를 지정할 수 있습니다(단위: 밀리초)
콜백---콜백 함수
다음은 간단한 예시입니다

코드 복사 코드는 다음과 같습니다.

var callback=function(){ //alert("나는 콜백 함수입니다.") ;
}
var f1=function(){
// $("#t1").show( ); 매개변수 기본값
// $("#t1").show( "fast",callback); 표시 속도는 빠른 모드입니다
$("#t1").show(3000,callback); //표시 속도 3000밀리초
};
$("# b1").click(f1)

Html 코드

코드 복사 코드는 다음과 같습니다.

dd

숨김(속도,콜백)
참고: 요소를 숨기는 데 사용되는 표시 방법과 달리 매개변수는 표시와 동일합니다. 3.1을 참조하세요.
다음 예는 버튼을 클릭하여 표시된 div를 숨기는 것입니다

코드 복사 코드는 다음과 같습니다.

var callback=function(){ //alert("내가 콜백입니다 function");
}
var f1=function(){
// $("#t1").hide() ; 매개변수 기본값
// $("#t1"). hide("fast",callback); 표시 속도는 빠른 모드입니다
$("#t1").hide(3000,callback);/ /사용자 지정 표시 속도 3000밀리초
}; ).click(f1);

HTML 코드

코드 복사 코드는 다음과 같습니다.

dd

3ggle(speed,callback)
설명: show()와 hide() 메소드로 이해하면 show()와 hide()를 번갈아 실행합니다. 🎜>예를 들어 페이지에 숨겨진 요소가 있는데 처음에는ggle()이 실행되면 해당 요소가 표시되고 두 번째 실행에서는 해당 요소가 숨겨지고 세 번째에는 해당 요소가 다시 표시됩니다. . .
매개변수는 3.1과 동일

코드 복사 코드는 다음과 같습니다.

var callback=function (){ //alert("나는 콜백 함수입니다");
}
var f1=function(){
//$("#t1").toggle( ); // 매개변수 누락 Save
//$("#t1").toggle("fast",callback) //빠른 모드에서 속도 표시
$("#t1").toggle(3000 ,콜백)
$("#b1").click(f1)



HTML 코드

코드 복사 코드는 다음과 같습니다. dd