嘿，刚学jQuery遇到这种问题太正常啦，别担心！我帮你梳理下代码里的问题，很快就能搞定：

• 第一个问题：事件绑定的代码没被执行
  你写了remove函数，但从来没调用它呀！浏览器根本不知道要去绑定Hide按钮的点击事件。在jQuery里，我们通常会把DOM操作的代码放在$(document).ready()里，确保页面元素都加载完成后再执行，这样就不会出现找不到元素的情况。

• 第二个问题：Show按钮还没绑定逻辑
  你的display函数是空的，所以点击Show按钮自然没反应，得给它加上显示内容的代码。

• 可选：精准选择要隐藏的元素
  如果你的需求是只隐藏#main里的<p>标签（而不是整个article包括按钮），那选择器要写成$('#main p')；要是想隐藏整个article区域，那$('#main')就没问题，看你需求调整。

给你修改后的完整代码参考：

JavaScript 部分 #

// 确保DOM加载完成后执行代码
$(document).ready(function() {
  // Hide按钮绑定隐藏事件
  $('#hide').click(function() {
    // 这里如果要隐藏整个article就用$('#main').hide();
    $('#main p').hide();
  });

  // Show按钮绑定显示事件
  $('#show').click(function() {
    $('#main p').show();
  });
});

HTML 部分（保持你的结构，只需要替换JS部分就行） #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<div id="wrapper">
  <h1>Learning How to Use jQuery</h1>
  <article id="main">
    <p>I know how to create HTML pages.</p>
    <p>I know how to style webpages with CSS.</p>
    <p>I know how to add functionality to webpages with JavaScript.</p>
    <p>I understand how to use the jQuery library.</p>
    <button id="hide">Hide</button>
    <button id="show">Show</button>
  </article>
  <footer>
    <p>Student's Name: Moses Saygbe</p>
    <p>The latest version of jQuery is: </p>
    <p>Resource used to complete this assignment: </p>
  </footer>
</div>

这样修改后，点击Hide按钮就能隐藏指定的内容，点击Show按钮又能把它们显示回来啦～

备注：内容来源于stack exchange，提问作者Dr.0000FF