如何使用jquery隐藏和显示表单

使用jQuery隐藏和显示表单可以通过以下步骤实现：

引入jQuery库：在HTML文件中的<head>标签内引入jQuery库，可以通过以下方式引入：

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

编写HTML表单：在HTML文件中，编写需要隐藏和显示的表单，例如：

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  
  <label for="message">留言：</label>
  <textarea id="message" name="message"></textarea><br><br>
  
  <input type="submit" value="提交">
</form>

使用jQuery隐藏表单：通过jQuery的hide()方法可以隐藏表单，可以在JavaScript代码中使用以下方式隐藏表单：

$(document).ready(function() {
  $('#myForm').hide();
});

使用jQuery显示表单：通过jQuery的show()方法可以显示表单，可以在JavaScript代码中使用以下方式显示表单：

$(document).ready(function() {
  $('#myForm').show();
});

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <title>隐藏和显示表单</title>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>
<body>
  <button id="showForm">显示表单</button>
  <button id="hideForm">隐藏表单</button>
  
  <form id="myForm">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name"><br><br>
    
    <label for="email">邮箱：</label>
    <input type="email" id="email" name="email"><br><br>
    
    <label for="message">留言：</label>
    <textarea id="message" name="message"></textarea><br><br>
    
    <input type="submit" value="提交">
  </form>
  
  <script>
    $(document).ready(function() {
      $('#myForm').hide();
      
      $('#showForm').click(function() {
        $('#myForm').show();
      });
      
      $('#hideForm').click(function() {
        $('#myForm').hide();
      });
    });
  </script>
</body>
</html>

以上代码中，通过点击"显示表单"按钮可以显示表单，点击"隐藏表单"按钮可以隐藏表单。