jq基础学习（效果）

增加行内样式  display：

show()                      显示

隐藏 display:none      显示  display:原始值  如果没有原始值  删除display样式

.show(1000)              带路线     延迟    左上角->右下角

 

hide()      隐藏

.hide(1000)                带路线     延迟    右上角->左下角

 

toggle()     toggle自动判断（显示/隐藏）

 

 设置高度：

slideDown()               淡出  从上到下   方法后面写数字是延迟时间

slideUp()                    淡入  从下到上

slideToggle()              slideToggle自动判断（显示/隐藏）

 

透明度opactiy   修改  0 <-> 1：

fadeOut()                 显示

fadeIn()                      隐藏

fadeToggle()            自动判断（显示/隐藏）

fadeTo（0.3）        （指定透明度）

 

自定义动画：

animate自定义动画      

 $("div").animate({width:"400px",height:"400px",opacity:0.3},1000)

$("div").animate({ width:'+=40px',height:'+=40px'},1000)

 $("div").animate({属性1,属性2,属性3},时间)     属性同时进行

 

    // $("div").stop().slideToggle(3000)    

     // 删除所有排队动画，在最后一次动画基础上，继续新动画

    $("div").finish().slideToggle(3000)  

         //删除所有排队动画完成所有动画，开始新动画