`
747017186
  • 浏览: 332345 次
社区版块
存档分类
最新评论

jquery队列添加一个函数

 
阅读更多
<style>
  div { margin:3px; width:40px; height:40px;
        position:absolute; left:0px; top:30px; 
        background:green; display:none; }
  div.newcolor { background:blue; }
  </style>
  Click here...
  <div></div>
jQuery 代码:
$(document.body).click(function () {
      $("div").show("slow");
      $("div").animate({left:'+=200'},2000);
      $("div").queue(function () {
          $(this).addClass("newcolor");
          $(this).dequeue();
      });
      $("div").animate({left:'-=200'},500);
      $("div").queue(function () {
          $(this).removeClass("newcolor");
          $(this).dequeue();//保证队列继续往下执行,插入一个自定义函数如果函数执行后要继续队列,则执行 jQuery(this).dequeue();
       });
      $("div").slideUp();
});
分享到:
评论

相关推荐

    利用Jquery队列实现根据输入数量显示的动画

    这个函数可以设定一个时间间隔,周期性地执行指定的函数。在本例中,通过setInterval来定时从队列中取出动画函数,并执行它们。在动画执行完毕后,或当需要停止动画时,应使用 clearInterval 函数来清除定时器,以...

    jQuery队列控制方法详解queue()/dequeue()/clearQueue()

    2. **添加/修改队列**:如果你传入一个函数作为第二个参数,那么这个函数将会被添加到队列的末尾,并在适当的时候被执行。 ```javascript $('selector').queue('myQueue', function(next) { // 执行任务 next(); }...

    Jquery函数队列

    每个函数都接受一个`next`参数,这是jQuery提供的回调函数,当当前函数执行完毕后调用它,以便进入队列中的下一个函数。`delay`方法用于在动画之间插入延迟。 除了手动添加函数到队列,还可以使用`$.dequeue()`方法...

    Jquery队列动画特效

    本文将深入探讨jQuery队列函数的使用以及如何创建动画特效,这对于初学者来说是一份宝贵的教程。 ### 1. jQuery的动画基础 在jQuery中,`animate()`方法是最基本的动画函数,它可以用于改变元素的CSS属性,如宽度...

    jquery队列函数用法实例

    默认情况下,jQuery的动画操作会自动添加到效果队列中,等待前一个操作完成后再执行。 2. `slideDown()`: 与`show("slow")`类似,`slideDown()`会使元素沿着垂直方向平滑地展开显示。在这个例子中,它被注释掉了,...

    jQuery中常用动画效果函数(日常整理)

    1. jQuery的animate()方法:这是一个用于创建自定义动画效果的核心函数。通过它可以对元素CSS属性进行连续变化,从而产生动画效果。例如,可以通过更改元素的left、top、width、height等属性值来实现移动、缩放等...

    jQuery动画队列特效代码.zip

    默认情况下,jQuery会将所有动画添加到一个内部的队列中,一个接一个地执行。通过`.queue()`方法,我们可以访问和控制这个队列。例如,我们可以使用`.queue()`方法添加自定义的函数到队列中: ```javascript $("#...

    jQuery图片文件上传队列代码.zip

    2. **队列管理**:`easyUpload.js`会维护一个文件队列,每个文件都有状态(如待上传、上传中、已上传、已删除等),并提供接口供用户操作队列,如添加、删除文件。 3. **分块上传**:为了应对大文件上传和断点续传...

    详解如何构建Promise队列实现异步函数顺序执行

    我们需要实现一个队列,将这些异步函数添加进队列并且管理它们的执行,队列具有First In First Out的特性,也就是先添加进去的会被先执行,接着才会执行下一个(注意跟栈作区别) 大家也可以类比一下jQuery的animate...

    jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

    特别地,jQuery.fn.queue()用于获取或替换匹配元素上的队列,而jQuery.fn.dequeue()则用于执行并移除队列中的第一个函数。至于jQuery.fn.clearQueue(),则用于清除队列中所有未执行的函数。通过这些队列函数的组合...

    jQuery中队列queue()函数的实例教程_.docx

    - `callback`:函数类型,添加到队列末尾的回调函数,它接收一个`next`参数,调用`next()`可以执行队列中的下一个函数。 **返回值** 根据`queue()`函数的不同操作,返回值可能是Array(获取队列时)或jQuery对象...

    jQuery中队列queue()函数的实例教程

    如果仅提供`queueName`和一个`Function`类型的回调函数,该函数将被添加到队列的末尾。 队列操作是针对jQuery对象匹配的每个元素,但读取操作(获取队列内容)只针对第一个匹配的元素。例如,如果你选择了一个匹配...

    jQuery中queue()方法用法实例

    jQuery中的queue()方法是一个非常重要且实用的功能,它允许开发者对一个元素上运行的函数队列进行操作,无论是查看还是修改这些队列。接下来,我们将深入探讨queue()方法的功能、定义及使用技巧,并结合实例来帮助...

    jQuery队列操作方法实例

    如果传递两个参数,第一个参数是队列名,第二个参数则可以是一个函数或函数数组,可以添加到队列的末尾或替换整个队列。 dequeue()方法是queue()方法的补充,它用于从队列中移除第一个元素并立即执行它。这个操作是...

    尚硅谷_教学课件_jQuery

    "尚硅谷"的jQuery教学课件为初学者和进阶者提供了一个系统学习jQuery的途径。通过深入研究这些课件,开发者不仅可以掌握jQuery的核心功能,还能了解到它在实际开发中的应用场景和与其他技术的结合方式,从而提升Web...

Global site tag (gtag.js) - Google Analytics