当前位置：Gxlcms > JavaScript > jquery1.4教程三新增方法教程_jquery

jquery1.4教程三新增方法教程_jquery

时间：2021-07-01 10:21:17 帮助过：16人阅读

.clearQueue()：移除队列中还没有运行的所有函数
clearQueue()的作用与stop(true)很类似，简化了stop(true)，在1.4后stop()主要用于终止动画，而终止队列函数使用clearQueue()，clearQueue()接受一个参数：队列名称，即移除特定队列。
来看demo：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>clearQueue()</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></ script> 
<script type="text/javascript"> 
$(function(){ 
     
}) 
</ script> 
<style> 
div { margin:3px; width:40px; height:40px; 
position:absolute; left:0px; top:50px; 
background:green; display:none; } 
div.newcolor { background:blue; } 
</style> 
</head> 
<body> 
<input name="" id="start" type="button" value="开始运行动画" /> 
<input name="" id="stop" type="button" value="终止动画" /> 
<div></div> 
<script>$("#start").click(function () { 
$("div").show("slow"); 
$("div").animate({left:'+=200'},5000); 
$("div").queue(function () { 
$(this).addClass("newcolor"); 
$(this).dequeue(); 
}); 
$("div").animate({left:'-=200'},1500); 
$("div").queue(function () { 
$(this).removeClass("newcolor"); 
$(this).dequeue(); 
}); 
$("div").slideUp(); 
}); 
$("#stop").click(function () { 
$("div").clearQueue(); 
$("div").stop(); 
});</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

源代码如下：

代码如下:

$(function(){
$("#start").click(function () {
$("div").show("slow");
$("div").animate({left:'+=200'},5000);
$("div").queue(function () {
$(this).addClass("newcolor");
$(this).dequeue();
});
$("div").animate({left:'-=200'},1500);
$("div").queue(function () {
$(this).removeClass("newcolor");
$(this).dequeue();
});
$("div").slideUp();
});
$("#stop").click(function () {
$("div").clearQueue();
$("div").stop();
});
})

留意stop的监听函数中的
$(“div”).clearQueue();
$(“div”).stop();
大家可以看看将这二句其中一句注释掉后，看下效果，体会下clearQueue与stop的区别。
.contains()：检查一个DOM元素是否包含另外一个DOM元素
留意contains接受二个参数是DOM元素，如下形式：
jQuery.contains(document.documentElement, document.body); // true
jQuery.contains(document.body, document.documentElement); // false
.delay()：设置一个定时器，用于延迟队列中函数的运行
接受二个参数：
第一个参数：用于定时器的持续时间
第二个参数：对列名（可选）
来看demo：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

源代码如下：

代码如下:

delay()