一、jQuery SlideUp介绍
jQuery是一个快速、简洁的JavaScript框架,它的优势就在于它的轻量级、简洁明了的语法以及操作DOM的便捷方式。其中,jQuery中的slideUp()
方法就是其中一个强大的方法,用于隐藏(收起)元素。该方法可以通过设置速度参数来控制隐藏/收起的速度。
二、jQuery SlideUp方法的基本操作
- 基本结构:
$('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>