jQuery效果-隐藏与显示

转载于 2017-09-21 11:59:00 发布 · 40 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/guangzhou11/p/7567891.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的示例，展示了如何使用jQuery库来控制网页中段落文本的显示和隐藏效果。通过两个按钮触发不同的jQuery事件，实现对文本元素的渐显渐隐动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jquery</title>
		<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
		<script type="text/javascript" src="js/try.js" ></script>
	</head>
	<body>
		<p>how are you </p>
		<button id="hide">隐藏</button>
		
		<button id="show">显示</button>
		
	</body>
</html>

$(document).ready(function(){
	$("#hide").click(function(){
		$("p").hide(1000);
	})
	$("#show").click(function(){
		$("p").show(1000);
	});
});

　　效果：

2017-09-21 11:58:16

转载于:https://www.cnblogs.com/guangzhou11/p/7567891.html