欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

jQuery clearQueue相关介绍及实例讲解

程序员文章站 2022-05-03 16:18:28
...
clearQueue()方法与clearQueue()方法结合；

.clearQueue()可用于删除通过.queue()方法添加到通用jQuery序列的任何函数。

示例：


<!DOCTYPE html>
<html>
<head>
  <style>
  p { margin:3px; width:40px; height:40px;
    position:absolute; left:0px; top:30px; 
    background:green; display:none; }
  p.newcolor { background:blue; }
  </style>

  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>

<button id="start">开始</button>
<button id="stop">停止</button>
<p></p>

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


</body>
</html>

以上就是jQuery clearQueue相关介绍及实例讲解的详细内容，更多请关注其它相关文章！

相关标签： clearQueue jQuery 实例 相关 介绍

上一篇： MySQL 实例安装配置注意事项

下一篇： JavaScript中对这两种对象字面量(json)的操作方式有何不同？

推荐阅读