jQuery |效果 show() 方法

jQuery 中的show() 方法用于显示隐藏和选中的元素。

注意：此方法显示使用 CSS display: none 属性的隐藏元素。隐藏可见性的元素不可见。

句法：

$(selector).show( speed, easing, callback )

参数：此方法接受上面提到和下面描述的三个参数：

• Speed：可选参数，用于指定淡入淡出效果的速度。速度的默认值为 400 毫秒。速度的可能值是：
  • 毫秒
  • “减缓”
  • “快速地”
• Easing：它是一个可选参数，用于指定元素到动画不同点的速度。缓动的默认值是“swing”。宽松的可能值是：
  • “摇摆”
  • “线性”
• 回调：它是可选参数。回调函数在 show() 方法完成后执行。

下面的例子说明了 jQuery 中的 show() 方法：

示例 1：此示例显示 display: none 具有给定速度的内容。

  
  
  
 
     
        jQuery Effect show() Method
    
  
    
        #Outer {
          border: 1px solid black;
          padding-top: 40px;
          height: 140px;
          background: green;
          display: none;
        }
    
      
    
    

  
  
      
    
          
            GeeksForGeeks  
          
    
      
     
        Show
     
      
           
     
        $(document).ready(function() {
            $("#btn").click(function() {
                $("#Outer").show(1000);
            });
        });
     
  
  
 

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：此示例显示 display: none 具有摆动缓动值的内容。

  
  
  
 
     
        jQuery Effect show() Method
    
      
    
        #Outer {
          border: 1px solid black;
          padding-top: 40px;
          height: 140px;
          background: green;
          display: none;
        }
    
      
    
    

  
  
      
    
          
            GeeksForGeeks  
          
    
      
     
        Show
     
      
         
     
        $(document).ready(function() {
            $("#btn").click(function() {
                $("#Outer").show("swing");
            });
        });
     
  
  
 

输出：

• 点击按钮前：
  
• 点击按钮后：