购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery 遍历 dequeue() 方法

jQuery 遍历 dequeue() 方法
dequeue() 方法为匹配元素执行序列中的下一个函数。
编辑:蹊下 蹊下 更新时间:1970-01-01 08:00:00

jQuery 遍历 dequeue() 方法

定义和用法

dequeue() 方法为匹配元素执行序列中的下一个函数。

语法

.dequeue(queueName)
参数描述
queueName可选。字符串值,包含序列的名称。默认是 fx, 标准的效果序列。

详细说明

当调用 .dequeue() 时,会从序列中删除下一个函数,然后执行它。该函数反过来会(直接或间接地)引发对 .dequeue() 的调用,这样序列才能继续下去。

实例

<style>
    div { margin:3px; width:100px; position:absolute;
    height:100px; left:10px; top:30px; 
    background-color:yellow; }
    div.red { background-color:red; }  
  </style>
</head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<body>

<button>开始</button>
<div></div>
<script>
$("button").click(function () {
  $("div").animate({left:'+=200px'}, 2000);
  $("div").animate({top:'0px'}, 600);
  $("div").queue(function () {
    $(this).toggleClass("red");
    $(this).dequeue();
  });
  $("div").animate({left:'10px', top:'30px'}, 700);
});
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

GIF.gif

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号