#1.隐藏/显示元素
调用jQuery的hide()与show()函数ide
//隐藏点击的元素 $("#test1").click(function(){ $(this).hide(); }); //显示点击的元素 $("#test1").click(function(){ $(this).show(); });
语法是
$(selector).hide(speed,callback)
speed:表示隐藏的速度,取值范围:slow、fast、任意毫秒
callback:该元素隐藏后执行的函数名称
可使用jQuery toggle()函数来切换hide()与show()方法
#2.淡入淡出
语法:$(selector).fadeIn(speed,callback)
能够实现元素渐渐的出现/消失
#3.上下滑动
语法:$(selector).slideDown(speed,callback)
#4.动画
语法:$(selector).animate({params},speed,callback)
params:该参数决定元素执行什么类型的动画,必需要有
例如:点击按钮将一个div向右移动250px函数
$("button").click(function(){ $("div").animate({left:'250px'}); });
解释:如上是将div的left属性设置成250,即左边距为250,即div向右移250px。
注意:params参数中能够设置多个属性。
#5.中止动画
语法:$(selector).stop(stopAll,goToEnd)动画