如何隐藏 jQuery 中定义为变量的元素？

在本文中，我们将学习如何隐藏 jQuery 中定义为变量的元素。这些可以使用两种方法来完成。

方法 1：在这种方法中，我们将首先选择必须隐藏的元素，然后将其分配给一个变量。然后我们将调用hide() 变量的方法。此方法将隐藏页面中的元素。

例子：

HTML

  
  
  
    $(document).ready(function () {
      $("button").click(function () {
  
        // Getting the element with the id
        // of "dsa" in a variable
        let dsaGFG = $("#dsa");
  
        // Hiding the element using the
        // hide() method
        dsaGFG.hide();
      })
    });
  

  

  
    GeeksforGeeks
  
    
  FAANG
  
  DSA
  
  CP
  
  ALGO
  
  Hide Element

输出：

方法2：在这种方法中，我们将首先选择必须隐藏的元素，然后将其分配给一个变量。然后我们将调用addClass() 变量的方法。这将添加一个我们接下来将创建的 CSS 类。这个 CSS 类将包含设置为 none的 display属性，从而有效地隐藏元素。

例子：

HTML

  
    /* Define the class to
       be added */
    .hiddenClass {
  
      /* Setting the display
         to none hides the element */
      display: none;
    }
  
  
  
  
    $(document).ready(function () {
      $("button").click(function () {
  
        // Getting the element with the id
        // of "cp" in a variable
        let cpGFG = $("#cp");
  
        // Hiding the element by adding a
        // class using the addClass() method
        cpGFG.addClass("hiddenClass");
      })
    });
  


  
    GeeksforGeeks
  
    
  FAANG
  
  DSA
  
  CP
  
  ALGO
  
  Hide Element

输出：