jQuery学习

1、animate同步动画

animate()方法的第二个参数speed，除了是slow,fast等还可以是一个对象，并且可以通过这个对象跳过队列，让当前动画和前一个动画同时执行。

$(document).ready(function(){
    //....
    .fadeTo('fast',0.5)
    .animate({
        left: paraWidth - switcherWidth
    },{
        duration: 'slow',
        queue: false //此处要将queue设置为false
    })
    .fadeTo('slow',1.0)
});

2、向队列中插入非效果方法

jquery的效果方法和非效果方法运作方式是不同的，效果方法如.slideUp(),.slideDown()等都是以异步方式运行的，因此任务会添加到异步队列中，但是非效果方法如.css()等是同步方法。所以当在应用的时候连缀了效果方法和非效果方法，不论非效果方法在连缀的位置如何，它们都会先于效果方法执行，如果想要达到顺序执行的效果，可以使用.queue()方法将其添加到异步队列中。

$(document).ready(function(){
    //....
    .fadeTo('slow',1.0)
    .slideUp('slow')
    .queue(function(next){ //将非效果方法添加到队列
        $ele.css({backgroundColor: '#f00'});
        next();//或者$(this).dequeue()
    })
    .slideDown('slow');
});

上面代码中的next()方法的作用是让队列在中断的地方再接续起来。也可以使用.dequeue(),它的作用是从队列的第一行删除一个函数，并执行他。

二级标题

三级标题

四级标题

注：