web实训知识点_0409

jQuery-----链（chaining）
通过jQuery可以把方法链接到一起chaining允许我们在一条语句中运行多个jQuery方法（在相同的元素上）。

$(“p”).css({color:“red”,slideUp(1500),slideDown(1500).animate({backgroundColor:“bule”}1000)

释义：#p1元素首先会变红，然后向上以1,5秒的速度移动，然后向下以1.5秒的速度移动。最后将背景色变为红色。

如果我们不同链，那么我们的写法是：

$("#p1").css({color:“red”})
$("#p1").slideUp{1500}
$("#p1").slideDown{1500}
$("#p1").animate({backgroundColor:“bule”}1000)

jQuery的动画显示或不显示

$(document).ready(function(){
        $("#button1").click(function(){
           $ ( "p").hide(500,function(){
               alert("隐藏完成")
           })
        })
        $("#button2").click(function(){
            $( "p").show(200,function(){
                alert("显示成功")
            })
        })

隐藏：hide（） 显示：show（）
jQuery动画的滑动效果

 #slide,#panel{
      padding: 5px;
      text-align: center;
      background-color: #33b5e5;
      border: solid 1px red;
  }
  #panel{
      display: none;
      padding: 40px;
  }