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(),它的作用是从队列的第一行删除一个函数，并执行他。

二级标题

三级标题

四级标题

注：