1. stop()：只会停止第一个动画，第二个第三个继续

2. stop(true)：停止第一个、第二个和第三个动画

3. stop(true ture)：停止动画，直接跳到第一个动画的最终状态 

toggle、sildeToggle以及fadeToggle的区别：

• toggle：切换显示与隐藏效果

• sildeToggle：切换上下拉卷滚效果

• fadeToggle：切换淡入淡出效果

当然细节上还是有更多的不同点:

toggle与slideToggle细节区别：

• toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性

• slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性

fadeToggle方法

• fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。

• 元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。

• 元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。

• 注释：隐藏的元素不会被完全显示（不再影响页面的布局）

fadeToggle()函数用于切换所有匹配的元素，并带有淡入/淡出的过渡动画效果。之前也学过toggle、slideToggle 也是类似的处理方式

fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。

常用语法：.fadeToggle( [duration ] ,[ complete ] )

可选的 duration 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fadeToggle完成后所执行的函数名称。

fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。

fadeOut是淡出效果，相反的还有淡入效果fadeIn,方法使用上两者都是一致的，只是结果相反

.fadeIn( [duration ], [ complete ] )

• duration：指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。

• 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。

fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。

注意：

• 淡入的动画原理：操作元素的不透明度从0%逐渐增加到100%

• 如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见

让元素在页面不可见，常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法，设置元素透明度为0，可以让元素不可见，透明度的参数是0~1之间的值，通过改变这个值可以让元素有一个透明度的效果。常见的淡入淡出动画正是这样的原理。

fadeOut()函数用于隐藏所有匹配的元素，并带有淡出的过渡动画效果

所谓"淡出"隐藏的，元素是隐藏状态不对作任何改变，元素是可见的，则将其隐藏。

.fadeOut( [duration ], [ complete ] )

通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串，或者这个duration参数被省略，那么默认使用400毫秒的延时

$.trim()相当于jQuery.trim()。

1. noww接收的是每次动画时height的值,fxx是指每个动画的每一步完成之后要执行的函数. step自动执行的这个函数.

2.  arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。arguments非常类似Array，但实际上又不是一个Array实例.arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是其与arguments对象内存空间并不重叠.

   也就是说此时的arguments[1]代表的是progress的进度，而它是从0-1的,0代表开始，1代表结束

由于fadeOut跟fadeIn的透明值为0   1，因此需要使用

fadeTo来创建一个介于0~1之间的透明值

因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，这里要特别注意

queue停止动画队列的名称。clearQueue一个布尔值，指示是否取消以列队动画。默认 false。jumpToEnd 一个布尔值指示是否当前动画立即完成。默认false.

因为option的value才是select的值，select可以有多个备选值，你选中哪个就是哪个。 animation是select的ID。

jQuery源代码内部已经做了兼容处理, 对IE和非IE使用两种处理方式达到兼容.

下面是一个原生JS的运动函数中处理opacity的方法, 供参考:

if(attr=='opacity'){    obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')'; //IE    

     obj.style.opacity=(iCur+iSpeed)/100; //ff,chrome

}

//自动切换

        //1.点击按钮掉用自定义函数

        //2.自定义的函数使用上卷下拉方法，并在回调函数调用自己，实现循环调用

        $("button").click(function self(){

            $("#a1").slideToggle(3000,function(){

                self();

            })

        });

jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。

 $("#exec").click(function() {

        var v = $("#animation").val();

        var $aaron = $("#aaron");

        $aaron.empty();

        if (v == "1") {

            // 遍历数组元素

            $.each(['Aaron', '慕课网',"abcdefg"], function(i, item) {

                $aaron.append("索引=" + i + "; 元素=" + item+"<br/>");

            });

        } else if (v == "2") {

            // 遍历对象属性

            $.each({

                name: "张三",

                age: 18

            }, function(property, value) {

                $aaron.append("属性名=" + property + "; 属性值=" + value);

            });

        } 

    });