jQuery动画---显示隐藏（单击显示后文字出现单击隐藏文字消失两按钮组合相替换）

最新推荐文章于 2022-03-15 09:46:51 发布

HeartIsland

最新推荐文章于 2022-03-15 09:46:51 发布

阅读量2.4k

点赞数

分类专栏： jQuery 文章标签： JavaScript jQuery

本文链接：https://blog.csdn.net/HeartIsland/article/details/47368213

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<meta charset="UTF-8"/>
	<head>
		<title>jQuery动画---显示隐藏</title>
		<style>
			div {
				border : 2px dotted red;
				display: none;
			}
		</style>
	</head>
	<body>	
		<div>
<pre>		
语法：
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法：
</pre>
		</div>
		<button id="show">显示</button>
		<button id="hide">隐藏</button>
		<button id="toggle">显示/隐藏</button>
		<script src="jquery.min.js"></script>
		<script>
			$('#show').click(function() {
				$('div').show(2000);
			})

			$('#hide').click(function() {
				$('div').hide('slow');
			})

			$('#toggle').click(function() {
				$('div').toggle('slow');
			})
		</script>
	</body>
</html>

HeartIsland

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery动画---显示隐藏（单击显示后文字出现单击隐藏文字消失两按钮组合相替换）

$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。下面的例子演示了带有 speed 参数的 hide() 方法：
复制链接

扫一扫