jQuery--(4)效果

#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)动画

相关文章
相关标签/搜索