hide,show,toggle,slideDown,slideUp,SlideToggle,fadeOut,fadeIn,fadeTo,animate用法及其参数speed,callback等

主要讲：隐藏与显示选择器，切换与滑动，淡入淡出和动画

一、隐藏和显示选择器或元素
1. 隐藏：$(selector).hide(speed,callback) 
//speed参数可选值有（slow,fast,normal,milliseconds(设置时间值毫秒)）
//callback，嵌套更多的方法或功能，例：
 $(document).ready(function(){
    $("button").click(function(){ //点击按钮实现 
      $("p").hide(1000,function(){ //这个function就是callback参数嵌套的函数了
       $("p").show(1000);
       });   //执行把class="uu2"隐藏
   });
   });
2. 显示：$(selector).show(speed,callback)
//参数功能和用法同上的隐藏

二、切换与滑动
1. 切换： $(selector).toggle(speed,callback) //切换功能，点一执行一个功能再点一下执行一个功能
注：toggle函数常配合show()和hide()函数来切换html元素，点击一下隐藏再点一下显示
注：tooggle也能独立实现显示/隐藏选择器效果，也就是里面没有show()和hide()
2. 向上，向下，上下滑动
  $(selector).slideDown(speed,callback) //向下滑动，并显示遮挡的内容 向下滑显示隐藏的内容
  $(selector).slideUp(speed,callback) //向上滑动，并隐藏遮挡的内容，向上滑隐藏显示的内容
  $(selector).slideToggle(speed,callback) //上下滑动，实现切换，点一下隐藏再点一下显示
注：speed和callback参数同(一、)

三、 淡入淡出和动画
1. 变淡变清昕，指到指定亮度值
   $(selector).fadeOut(speed,callback)  //变淡到空
   $(selector).fadeIn(speed,callback)  //变亮到全部
   $(selector).fadeTo(speed,opacity,callback) //变淡到指定效果
   注：speed,callback参数同一、opactiy参数表亮度值，0.0-1.0间
2. 动画
   $(selector).animate({params},duration,easing,callback) //动画
    //params指变化后的CSS效果必需要大括号,可以加多个CSS代码，如：{width:'500',height:"200",fontSize:"15em"}
    //duration是变化速度值是毫秒，同speed，但只能是毫秒
    //easing是变化效果的名称（需要插件），填插件的名称，没有可以省略
 
 四、一些例子
 例子1：
   $(document).ready(function(){
   $("button").click(function(){ //切换效果 
     //$("div").toggle(slow);   //执行把隐藏所有div
     //$("div").toggle(2000);   //执行把隐藏所有div，速度是2秒
     //$("div").fadeout(2000,function(){
     //$("div").show(2000);
    
          });
  });
  });
 
例子2：
   $(document).ready(function(){
   $("button").toggle(function(){ //切换效果 
     $("div").animate({width:'500',height:"200",fontSize:"15em"},1000);   //执行把class="uu2"隐藏
  });
  });