![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
批改状态：合格
老师批语：
收藏
收藏
收藏
一、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("段落现在被隐藏了");
});
});
});点击 "运行实例" 按钮查看在线实例
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
