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 相关文章推荐
用 Javascript 验证表单(form)中的单选(radio)值
Sep 08 Javascript
jquery 模拟类搜索框自动完成搜索提示功能(改进)
May 24 Javascript
Javascript基础 函数“重载” 详细介绍
Oct 25 Javascript
JavaScript中的ubound函数使用实例
Nov 04 Javascript
jqTransform美化表单
Oct 10 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
纯js实现页面返回顶部的动画(超简单)
Aug 10 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
基于js Canvas实现二次贝塞尔曲线
Dec 25 Javascript
JavaScript使用localStorage存储数据
Sep 25 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数据库操作面向对象的优点
2006/10/09 PHP
php 读取shell管道传输过来的内容
2010/03/01 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
详解JavaScript中的属性和特性
2016/12/08 Javascript
js oncontextmenu事件使用详解
2017/03/25 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
Vue使用mixin分发组件的可复用功能
2019/09/01 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
Python脚本实现自动将数据库备份到 Dropbox
2017/02/06 Python
利用matplotlib+numpy绘制多种绘图的方法实例
2017/05/03 Python
浅谈django orm 优化
2018/08/18 Python
Python爬虫之正则表达式的使用教程详解
2018/10/25 Python
Python可视化mhd格式和raw格式的医学图像并保存的方法
2019/01/24 Python
使用selenium模拟登录解决滑块验证问题的实现
2019/05/10 Python
Django rstful登陆认证并检查session是否过期代码实例
2019/08/13 Python
详解Python3迁移接口变化采坑记
2019/10/11 Python
Django如何重置migration的几种情景
2021/02/24 Python
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
计算机求职信
2013/12/01 职场文书
酒店办公室文员岗位职责
2013/12/18 职场文书
学生干部的自我评价分享
2014/01/18 职场文书
创新比赛获奖感言
2014/02/13 职场文书
超市周年庆活动方案
2014/08/16 职场文书
机器人总动员观后感
2015/06/09 职场文书
宪法宣传标语100条
2019/10/15 职场文书