如果你拿着一个疑问去找专业人士寻找答案，那么你的一个疑问会变成三个，因为他会用另外两个令你更加一头雾水的名词来解释你的这个疑问。
我想这是大多数，包括我在内，IT人在学习过程中碰到的最大问题。当你有一段代码或是一个概念不是很清楚，百度也好，Google也好，在论坛发问也好，给出的答案往往又会夹杂着更多你不懂得概念和令你头疼的代码。
我亦是吃了同样的亏，痛定思痛，决定对animate方面做一些总结，希望能给大家一些启发和帮助
从一个实际应用谈起
今天不谈animate()、fadeIn()、fadeOut()、slideUp()、show()、hide()诸如此类的具体动画函数，而谈谈几个并不常用的，甚至说是有点风马牛不相及，但又十分十分重要的动画函数queue()，dequeue()，和stop()。
先让我们从一个简单的例子谈，假设有一个购物功能，在结账之前，用户仍然可以把购物车里的删除至备选栏中(也许因为用户的资金不足，可以存储至下次购买)
好，根据以上描述的需求，我们抽象了以下的布局，"origin"模拟购物车,"goal"模拟备选栏，"object"模拟那个可能被删除的物品，而"change"按钮实现可以把物品从左右的交换功能
同时我们希望当物品从左交换至右的过程中，加入动画效果，我们希望是一个这样过程：在左侧先有一个hide()隐藏效果，告诉用户物品已经不再购物篮中，然后前端用appendTo()把物品移动至右侧，在用一个show()效果告诉用户已经转移成功了。流程如下
（在左侧）object隐藏——>object从左侧转移到右侧——>object显现(在右侧)
于是很自然我们得出了以下代码：
$('#object').hide('slow').appendTo($('#goal')).show('slow');
并且我们将代码付诸于实践，如下所示：
origin
goal
object