JQ show和hide（隐藏显示）、fadeIn和fadeOut（淡入淡出）、slideDown和slideUp（隐藏显示）

一、show和hide（隐藏显示）

  1、show:最终状态是 display:block;

        hide:最终状态是 display:none;

  2、语法：show（毫秒数，回调函数）

  3、注意：

      ①当jq对象没有处于最终状态时，当动画执行完毕后，才会触发，回调函数；

      ②当jq对象处于最终状态时，立马执行，回调函数 ；

      ③如果当前的jq对象处于动画的最终状态 则 不会重复执行

 $('button:first').click(function () {
        box.show();
    });
    $('button:eq(1)').click(function () {
        box.hide();
    });
    $('button:eq(2)').click(function () {
        box.show(4000, function () {
          console.log('show 完毕！');
            $(this).css('background-color','red');
        });
    });
    $('button:last').click(function () {
        box.hide(4000, function () {
            console.log('hide 完毕！');
        });
    })

二、fadeIn和fadeOut