在 web 开发中，经常会遇到需要隐藏或显示某个元素的情况。jQuery 提供了一些简单易用的方法来实现这一功能。
隐藏元素
要隐藏一个元素，可以使用 jQuery 的 hide() 方法。这个方法会将元素的 display 属性设置为 none，从而使元素在页面上不可见。
// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hide Element Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myElement">
This is a hidden element.
</div>
<script>
$(document).ready(function(){
$("#myElement").hide();
});
</script>
</body>
</html>在上面的示例中，我们通过 jQuery 选择了一个 id 为 myElement 的元素，并使用 hide() 方法将其隐藏起来。
显示元素
要显示一个被隐藏的元素，可以使用 jQuery 的 show() 方法。这个方法会将元素的 display 属性设置为 block（或者根据元素类型设置为适当的值），从而使元素在页面上可见。
// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Show Element Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myElement" style="display:none;">
This is a hidden element.
</div>
<button id="showButton">Show Element</button>
<script>
$(document).ready(function(){
$("#showButton").click(function(){
$("#myElement").show();
});
});
</script>
</body>
</html>在上面的示例中，我们首先将元素隐藏起来（通过设置 display:none;），然后使用一个按钮的点击事件来触发 show() 方法，将其显示出来。
通过上面的示例，我们可以看到 jQuery 提供了简单易用的方法来隐藏或显示元素，让我们的页面交互更加丰富。