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

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

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

• duration - 设置动画执行的时间

• easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数

• step：规定每个动画的每一步完成之后要执行的函数

• progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念

• complete：动画完成回调

$('#elem').animate({
    width: 'toggle',  
    height: 'toggle'
  }, {
    duration: 5000,
    specialEasing: {
      width: 'linear',
      height: 'easeOutBounce'
    },
    complete: function() {
      $(this).after('<div>Animation complete.</div>');
    }
  });

// 显示隐藏 .hide()+.show() = .toggle()

//【显示】按钮

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

        $("p").show();

    });

    //【隐藏】按钮

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

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

        if (v == "1") {

            $("p").fadeOut();

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

            $("p").fadeOut("slow");

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

            $("p").fadeOut(3000);

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

            $("p").fadeOut(2000, function() {

                alert("隐藏完毕!");

            });

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

            $("p").fadeOut(1000, "linear");

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

            $("p").fadeOut({

                duration: 1000

            });

        }

    });

//点击button

        //执行3秒隐藏

        //执行3秒显示

        $("button:last").click(function() {

            $("#a2").slideDown(3000,function(){

                alert('动画执行结束')

            })

        });

//点击buttom2 执行动画隐藏

        $("button:last").click(function() {

            $("#a2").hide({

                duration: 3000,

                complete: function() {

                    alert('执行3000ms动画完毕')

                }

            })

        });

当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,，第1个参数的属性名是’0’，第2个参数的属性名是’1’，以此类推，

每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏

CSS 样式使用 DOM 名称（比如 "fontSize"）来设置

所有用于动画的属性必须是数字的

jQuery中显示与隐藏切换toggle方法

基本的操作：toggle();

这是最基本的操作，处理元素显示或者隐藏，因为不带参数，所以没有动画。通过改变CSS的display属性，匹配的元素将被立即显示或隐藏，没有动画。

display属性将被储存并且需要的时候可以恢复。如果一个元素的display值为inline，然后是隐藏和显示，这个元素将再次显示inline

提供参数：.toggle( [duration ] [, complete ] )

同样的提供了时间、还有动画结束的回调。在参数对应的时间内，元素会发生显示/隐藏的改变，在改变的过程中会把元素的高、宽、不透明度进行一系列动画效果。这个元素其实就是show与hide的方法

直接定位：.toggle(display)

直接提供一个参数，指定要改变的元素的最终效果

其实就是确定是使用show还是hide方法

if ( display === true ) {
  $( "elem" ).show();
} else if ( display === false ) {
  $( "elem" ).hide();
}

jQuery中显示元素的show方法

方法的使用几乎与hide是一致的，hide是让元素显示到隐藏，show则是相反，让元素从隐藏到显示

注意事项：

• show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置

• 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式

• 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度

jQuery中隐藏元素的hide方法

$elem.hide()

提供参数：.hide( options )
当提供hide方法一个参数时，.hide()就会成为一个动画方法。.hide()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作快捷参数：.hide("fast / slow")这是一个动画设置的快捷方式，'fast' 和 'slow' 分别代表200和600毫秒的延时，就是元素会执行200/600毫秒的动画后再隐藏注意：jQuery在做hide操作的时候，是会保存本身的元素的原始属性值，再之后通过对应的方法还原的时候还是初始值。比如一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。一旦透明度 达到0，display样式属性将被设置为none，这个元素将不再在页面中影响布局

$("exec1").click(function(){

alert("值得长度："+$("results1").val().length)

});

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

alert("值得长度："+$.trim($("#results2").val()).length)

});