jQuery SlideUp的使用与效果

发布时间:2023-05-18

一、jQuery SlideUp介绍

jQuery是一个快速、简洁的JavaScript框架,它的优势就在于它的轻量级、简洁明了的语法以及操作DOM的便捷方式。其中,jQuery中的slideUp()方法就是其中一个强大的方法,用于隐藏(收起)元素。该方法可以通过设置速度参数来控制隐藏/收起的速度。

二、jQuery SlideUp方法的基本操作

  1. 基本结构:
$('selector').slideUp(speed,callback);

其中,参数speed控制滑动速度,单位是毫秒,callback用于在动画结束后执行的函数。当然,callback是可选项,我们可以省略它。 2. 使用样例:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("button").click(function() {
            $("p").slideUp();
        });
    });
</script>
<button>向上收起</button>
<p style="background-color: yellow;">该段文字可以向上收起。</p>