jQuery
이벤트; 모바일; 베이스(사람, 자동차 등) 줄 서서 기다리기
vt.
jquery jQuery.queue() 방법 통사론
Function: queue() 메서드는 일치하는 요소에서 실행되는 함수 대기열을 표시하거나 작동합니다. 이는 낮은 수준의 방법이므로 .queue()를 사용하는 것이 더 편리합니다.
구문: .queue(queueName)
매개변수:
| 매개변수 | Description |
| queueName | 선택 사항입니다. 시퀀스 이름이 포함된 문자열 값입니다. 기본값은 표준 효과 시퀀스인 fx입니다. |
작업 대기열: queue() 메서드는 일치하는 요소에서 실행되는 함수 대기열을 작동합니다.
구문: .queue(queueName,newQueue)
매개변수:
| Parameters | Description |
| queueName | 선택 사항입니다. 시퀀스 이름이 포함된 문자열 값입니다. 기본값은 표준 효과 시퀀스인 fx입니다. |
참고: 각 요소에는 jQuery가 추가한 하나 이상의 함수 대기열이 있을 수 있습니다. 대부분의 애플리케이션에서는 하나의 큐(fx라는 이름)만 사용됩니다. 큐 실행은 프로그램 실행을 종료하지 않고 요소에 대한 일련의 작업을 비동기적으로 호출합니다. 일반적인 예는 요소에 대해 여러 애니메이션 메서드를 호출하는 것입니다.
jquery jQuery.queue() 방법 예
<!DOCTYPE html>
<html>
<head>
<style>div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:60px;
background:green; display:none; }
div.newcolor { background:blue; }
p { color:red; } </style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<p>队列长度是：<span></span></p>
<div></div>
<script>
var div = $("div");
function runIt() {
div.show("slow");
div.animate({left:'+=200'},2000);
div.slideToggle(1000);
div.slideToggle("fast");
div.animate({left:'-=200'},1500);
div.hide("slow");
div.show(1200);
div.slideUp("normal", runIt);
}
function showIt() {
var n = div.queue("fx");
$("span").text( n.length );
setTimeout(showIt, 100);
}
runIt();
showIt();
</script>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요