jQuery1

最新推荐文章于 2021-12-08 16:14:11 发布

cuckoo_杜鹃

最新推荐文章于 2021-12-08 16:14:11 发布

阅读量297

点赞数

分类专栏： Linux

本文链接：https://blog.csdn.net/A_Cute_boy/article/details/77132145

版权

Linux 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
	/*演示jQuery的hide()函数，隐藏当前的html元素*/
	$(document).ready(function(){
		$("p").click(function(){
			$(this).hide();
		})
	});	
	
	/*演示jQuery的hide()函数，隐藏当前的html元素*/
	$(document).ready(function(){
		$("button").click(function(){
			$(this).hide();
		})
	});
	/*演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。
	$(document).ready(function(){
  		$("button").click(function(){
   			 $("p").hide();
  		});
	});
	*/
	
	/*演示 jQuery 的 hide() 函数，隐藏所有class="test"的元素。
	$(document).ready(function(){
		$("button").click(function(){
			$(".test").hide();
		})
	});
	*/
	
	/*演示 jQuery 的 hide() 函数，隐藏所有id="test"的元素。
	$(document).ready(function(){
		$("button").click(function(){
			$("#test").hide();
		})
	})
	*/
</script>

</head>
<body>
	<p>如果你点我，我就会消失。</p>
	<p>继续点我!</p>
	<p>接着点我!</p>
	<p class="test">测试段落1</p>
	<p class="test">测试段落2</p>
	<p id="test">测试段落3</p>
<button>不妨点击我测试一下？</button>
</body>
</html>

cuckoo_杜鹃

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery1

菜鸟教程(runoob.com) /*演示jQuery的hide()函数，隐藏当前的html元素*/ $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }) }); /*演示jQuery的hide()函数，隐藏当前的html元素*/ $(document).ready(
复制链接

扫一扫