jquery基础函数用法6

71.hide(),hide(speed,callback).前者是把element隐藏用的是display:none的样式。后者是把element的长，宽，以及透明度都改变。callback表示动画完成后调用的函数。speed表示速度.

eg:1.<p>Hello</p>

$("p").hide()==>>[<pstyle="display:none">Hello</p>]

2.$("p").hide("slow",function(){alert("AnimationDone.");});//动画隐藏

72.animate(params,speed,easing,callback)动画特效.

params:是动画的设置,用来表示动画的展现以及结束,

speed:动画的速率可以是("slow","normal",or"fast")也可以是毫秒数.eg:1000

easing:默认是'linear',如想用其它参数,就要添加jQuery的特效插件.

callback:当动画完成时的调用的函数.

eg:

1.$("p").animate({height:'toggle',opacity:'toggle'},"slow");

2.$("p").animate({left:50,opacity:'show'},500);

3.$("p").animate({opacity:'show'},"slow","easein");

73.fadeIn(speed,callback),fadeOut(speed,callback),fadeTo(speed,opacity,callback)淡入,淡出效果,speed表示速度,可以用"slow,normal,fast"代替,也可以直接写毫秒数.callback表示淡入,淡出后的调用的函数.fadeTo表示淡入到某个透明度。opacity(Number):取值范围就0-1

eg:

$("p").fadeTo("slow",0.5,function(){

alert("AnimationDone.");

});

74.show(),show(speed,callback)这两个方法与前两个方法的行为相反。

eg:1.<pstyle="display:none">Hello</p>

$("p").show()==>>[<pstyle="display:block">Hello</p>]

2.$("p").show("slow",function(){alert("AnimationDone.");});//动画展现

75.slideDown(speed,callback),slideUp(speed,callback)，slideToggle(speed,callback)slideDown是高度从0慢慢增加，slideUp是高度慢慢减小到0。slideToggle表示一个相反的状态。如果当前状态是slideDown后的状态，那么执行slideToggle与运行slideUp一样。如果当前状态是slideUp后的状态，那么执行slideToggle与运行slideDown一样

76.toggle(),如果element是hide状态则show之。如果当前状态是show状态，则hide之.

eg:<p>Hello</p><pstyle="display:none">HelloAgain</p>

$("p").toggle()==>[<pstyle="display:none">Hello</p>,<pstyle="display:block">HelloAgain</p>]