一、jQuery里使用hide()和show()方法来隐藏和显示HTML元素;
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的speed参数规定隐藏、显示的速度可以取以下值:"slow","fast"或毫秒
可选的callback参数是隐藏或显示完成后所执行的函数名称。
二、 toggle() 方法用来切换 hide() 和 show() 方法
语法:
$(selector).toggle(speed,callback);
事件切换 显示被隐藏的元素,并隐藏已显示的元素;
三、 Fading方法
1. fadeIn()淡入已隐藏的元素 语法:$(selector).fadeIn(speed,callback);
2. fadeOut()淡出可见元素 语法:$(selector).fadeOut(speed,callback);
3. fadeToggle()在上两方法间进行切换 语法:$(selector).fadeToggle(speed,callback);
4. fadeTo() 允许渐变为给定的不透明度(值介于0与1之间) 语法:$(selector).fadeTO(speed,opacity,callback);
四、滑动方法
1. slideDown()向下滑动元素 语法:$(selector).slideDown(speed,callback);
2. slideUp()向上滑动元素 语法:$(selector).slideUp(speed,callback);
3. slideToggle()在上两者间进行切换 语法:$(selector).slideToggle(speed,callback);
五、动画animate()方法用于创建自定义动画。
语法: $(selector).animate({params},speed,callback);
六、停止动画 stop() 方法用于停止动画或效果,在它们完成之前,该方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画
语法: $(selector).stop(stopAll,goToEnd);
七、Callback 函数在当前动画 100% 完成之后执行
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow",function(){ alert("段落现在被隐藏了"); }); }); });
运行实例 »
点击 "运行实例" 按钮查看在线实例