JQuery 단순 학습(6) - JQuery Callback 함수
2679 단어 JavaScripthtmljquery
————————————————————
질문
많은 jQuery 함수는 애니메이션과 관련이 있습니다.이 함수들은speed나duration을 선택할 수 있는 매개 변수로 사용할 수도 있습니다.
예: $("p").hide("slow")
speed나duration 매개 변수는'slow','fast','normal'또는 밀리초 등 여러 가지 다른 값을 설정할 수 있다.
인스턴스
4
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
});
});
</script>
</head>
<body>
<button type="button">Hide</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>
JavaScript 문구(명령어)가 하나씩 실행되기 때문에 - 애니메이션 이후의 문구는 애니메이션이 아직 완성되지 않았기 때문에 오류나 페이지 충돌이 발생할 수 있습니다.이를 방지하기 위해 Callback 함수를 매개 변수로 추가할 수 있습니다.
————————————————————
jQuery Callback 함수
애니메이션이 100% 완료되면 Callback 함수를 호출합니다.
일반적인 구문:
4
$(selector).hide(speed,callback)
callback 매개 변수는hide 작업이 끝난 후에 실행되는 함수입니다.오류(callback 없음)
4
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide(2000);
alert("The paragraph is now hidden");
});
});
</script>
</head>
<body>
<button type="button">Hide</button>
<p>This is a paragraph with little content.</p>
</body>
</html>
정확(callback 있음)<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});
});
});
</script>
</head>
<body>
<button type="button">Hide</button>
<p>This is a paragraph with little content.</p>
</body>
</html>
결론: 애니메이션과 관련된 함수 다음에 문장을 실행하려면 콜백 함수를 사용하십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.