jQuery练习--隐藏与显示效果之间的切换

最新推荐文章于 2023-10-17 19:53:29 发布

Geek_ymv

最新推荐文章于 2023-10-17 19:53:29 发布

阅读量1.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Geek_ymv/article/details/37773285

版权

JavaScript 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>toggle.html</title>
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript">
			$( function() {
				$("button").click(function(){

					$("p").toggle(1000);	//通过jQuery可以使用toggle方法来切换hide()与show()方法。
				});
			});

			/*
			$(selector).toggle(speed,callback);
			可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
			可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。
			*/
			
		</script>

	</head>

	<body>
		<button>显示与隐藏之间的切换</button>
		
		<p>这是一个段落</p>
		<p>这是另一个段落。</p>
	</body>
</html>

Geek_ymv

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery练习--隐藏与显示效果之间的切换

toggle.html $( function() { $("button").click(function(){ $("p").toggle(1000); //通过jQuery可以使用toggle方法来切换hide()与show()方法。 }); }); /* $(selector).toggle(speed,c
复制链接

扫一扫

专栏目录