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;
}