jQuery | slideUp() 与示例

slideUp()是 jQuery 中的一个内置方法，用于隐藏所选元素。
句法：

$(selector).slideUp(speed);

参数：它接受一个可选参数“速度”，该参数指定效果持续时间的速度。

返回值：它不返回任何内容，只是隐藏了所选元素。

显示 slideUp() 方法工作的 jQuery 代码：
代码#1：
在下面的代码中，没有参数传递给这个方法。

  

    
    
    
        <!-- jQuery code to show the working of this method -->
        $(document).ready(function() {
            $(".btn1").click(function() {
                $("p").slideUp();
            });
        });
    
    
        div {
            width: 300px;
            height: 100px;
            padding: 20px;
            border: 2px solid green;
        }
    

  

    
        This paragraph will get hide.
        
        Slide up
    

  

输出 ：
在下面的视频中，展示了这种方法的工作原理。

代码#2：
在下面的代码中，speeding 参数被传递给这个方法。

  

    
    
    
        <!-- jQuery code to show the working of this method -->
        $(document).ready(function() {
            $(".btn1").click(function() {
                $("p").slideUp(3000);
            });
        });
    
    
        div {
            width: 300px;
            height: 100px;
            padding: 20px;
            border: 2px solid green;
        }
    

  

    
        This paragraph will get hide.
        
        Slide up
    

  

输出 ：
在下面的视频中，展示了这种方法的工作原理。