jQuery中clearQueue()方法用法实例


Posted in Javascript onDecember 29, 2014

本文实例讲述了jQuery中clearQueue()方法用法。分享给大家供大家参考。具体分析如下:

此方法能够清空对象上尚未执行的所有队列。

如果不带参数,则默认清空的是动画队列。这跟stop(true)类似,但stop()只能清空动画队列,而这个可以清空所有通过queue()创建的队列。

语法结构:

$(selector).clearQueue(queueName)

参数列表:

参数 描述
queueName 可选。定义要停止的队列的名称。 默认是 "fx",动画队列。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style type="text/css">

#father 

{

  background:#060;

  width:300px;

  height:300px;

}

#box 

{

  background:red;

  height:50px;

  width:50px;

  position:relative

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">  

$(document).ready(function(){ 

  $("#start").click(function(){ 

    $("#box").animate({height:200},"slow"); 

    $("#box").animate({width:200},"slow"); 

    $("#box").animate({height:50},"slow"); 

    $("#box").animate({width:50},"slow"); 

  }); 

  $("#clear").click(function(){ 

    $("#box").clearQueue(); 

  }); 

}); 

</script>

</head>

<body>

<p>

  <button id="start">开始执行动画</button>

  <button id="clear">清除队列</button>

</p>

<div id="father">

  <div id="box"></div>

</div>

</body>

</html>

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
高性能web开发 如何加载JS,JS应该放在什么位置?
May 14 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
Nov 08 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
Oct 01 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
JavaScript事件发布/订阅模式原理与用法分析
Aug 21 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
用vue写一个日历
Nov 02 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
Dec 29 #Javascript
浅谈JavaScript Array对象
Dec 29 #Javascript
JavaScript实现N皇后问题算法谜题解答
Dec 29 #Javascript
jQuery中dequeue()方法用法实例
Dec 29 #Javascript
jQuery中queue()方法用法实例
Dec 29 #Javascript
浅谈JavaScript function函数种类
Dec 29 #Javascript
JavaScript异步加载浅析
Dec 28 #Javascript
You might like
解析php类的注册与自动加载
2013/07/05 PHP
PHP获取数组最大值下标的方法
2015/05/12 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
javascript向flash swf文件传递参数值注意细节
2012/12/11 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
js如何打印object对象
2015/10/16 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
2018/12/20 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
vue 在单页面应用里使用二级套嵌路由
2020/12/19 Vue.js
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
python中hashlib模块用法示例
2017/10/30 Python
python实现BackPropagation算法
2017/12/14 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
keras 获取某层的输入/输出 tensor 尺寸操作
2020/06/10 Python
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
超市后勤自我鉴定
2014/01/17 职场文书
在校生自我鉴定
2014/01/23 职场文书
活动倡议书范文
2014/05/13 职场文书
团拜会策划方案
2014/06/07 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
幼儿园教师师德表现自我评价
2015/03/05 职场文书
房产电话营销开场白
2015/05/29 职场文书
法定代表人免职证明
2015/06/24 职场文书
Python函数对象与闭包函数
2022/04/13 Python