jQuery如何实现点击后隐藏或显示元素
jQuery使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：
<html>
<head>
<script type="text/javascript" src="jquery-3.6.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("h2").click(function(){
$(this).hide()
});
$('div').click(function(){
$('h2').show()
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<div>This is a paragraph.</div>
<div>This is another paragraph.</div>
</body>
</html>点击h2，自己则会隐藏，点击任何一个div，h2都会显示。
语法：
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
通过语法我们知道，.hide与.show都有两个参数，一个是时间，一个是函数。时间是显示或隐藏的速度，单位是毫秒，时间越大显示或者隐藏的速度越慢。函数是在执行显示或者隐藏的时候调用一个函数：
<html>
<head>
<script type="text/javascript" src="jquery-3.6.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("h2").click(function(){
$(this).hide(1000,alert("隐藏自己"))
});
$('div').click(function(){
$('h2').show(1000,alert("显示h2标签"))
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<div>This is a paragraph.</div>
<div>This is another paragraph.</div>
</body>
</html>如上实例，点击h2，会弹出隐藏自己，点击任意div就会弹出显示h2标签。
.hide()与.show()的功能是可以用 toggle()来同时实现的。
语法是一样的：
$(selector).toggle(speed,callback);
当该元素是显示的时候，点击就会隐藏，当该元素是隐藏的时候，点击就会显示。
评论