2021-08-29jquery基础练习

最新推荐文章于 2024-04-23 15:19:32 发布

zzl22182

最新推荐文章于 2024-04-23 15:19:32 发布

阅读量93

点赞数

分类专栏： java 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_45859288/article/details/119980016

版权

jQuery hide() HTML元素点击事件 DOM操作

关键词由CSDN通过智能技术生成

java 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<!-- 演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。 -->
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("p").click(function(){
					$(this).hide();
				});
			});
		</script>
	</head>
	<body>
		<p>如果点击我，我会消失</p>
		<p>点击我，我也会消失哟</p>
		<p>也要点击我哟</p>
		
	</body>
</html>

代码如下（示例）：

<!DOCTYPE html>
<html>
<!-- 演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。 -->
	<head>
		<meta charset="utf-8">
		<title></title><script src="js/jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("button").click(function(){
					$("p").hide();
					$("h2").hide();
					});
			});
		</script>
	</head>
	<body>
		<h2>这是头</h2>
		<p>段落1</p>
		<p>段落2</p>
		<button type="button">点我</button>
	</body>
</html>