如何使用 jQuery 在按钮单击时使用 hide() 方法？

jQuery 有很多方便的方法可以轻松完成工作。在本文中，我们将讨论其中之一，即 hide() 方法。我们可以在我们的网页上将此方法用于各种目的，并获得有效的结果。

第一步是创建一个 HTML 文件并通过 CDN 链接 jQuery 库文件。

jQuery CDN 链接：

jQuery hide() 方法：该方法用于隐藏网页元素。

示例 1：创建一个 HTML 文件并向其中添加以下代码。

HTML

  
    
    
    
  
  
  
    Hide
  
    GeeksforGeeks
  
    
    
      $(document).ready(function () {
        $("#btn").click(function () {
          $("p").hide();
        });
      });
    
  

输出：

隐藏 p 元素

示例 2：我们可以使用hide()方法隐藏图像。

HTML

  
    
    
    
  
  
  
    
    
       Hide
    
    
    
      $(document).ready(function () {
        $("#btn").click(function () {
          $("#image").hide();
        });
      });
    
  

输出：

隐藏图像

示例 3： hide()方法还可用于隐藏任何几何形状。

HTML

  
    
    
    
  
      
  
    
    
      
    Hide Shape  
  
    
    
      $(document).ready(function () {
        $("#btn").click(function () {
          $("#shape").hide();
        });
      });
    
  

输出：

隐藏形状