简介
jQuery 是一个广泛使用的 JavaScript 库，它简化了 JavaScript 编程中的许多复杂操作，包括 DOM 操作、事件处理和动画效果等。其中的 slideup() 方法是用于将元素以向上滑动的动画方式隐藏。
语法
$(selector).slideUp(speed, callback);
参数：
selector：必需，用于选择要进行滑动动画的元素。speed：可选，表示动画的速度。可以是毫秒数，也可以是 "slow"、"fast" 或任何自定义速度值。callback：可选，表示动画完成后要执行的回调函数。
功能
slideUp() 方法将选定的元素向上滑动并隐藏，直到完全消失。该方法对应的是 slideDown() 方法，其作用相反，用于将元素展开并呈现出来。
示例
HTML 代码：
<div class="box"> <p>这里是一些文本内容。</p> <button class="btn-remove">删除</button> </div>
CSS 代码：
-- -------------------- ---- ------- ---- - ------ ------ ------- ------ ----------------- -------- -------------- ----- -------- ----- - ----------- - ----------- ----- -
JavaScript 代码：
$(document).ready(function() {
$(".btn-remove").click(function() {
$(this).parent().slideUp(500, function() {
$(this).remove();
});
});
});该示例中，当用户点击 "删除" 按钮时，对应的 div 元素会以向上滑动的动画方式隐藏并从 DOM 中移除。
注意事项
- slideUp() 方法只对具有“滑动”效果的元素有效，如带有高度或宽度属性的元素。
- 如果要在元素完全消失后从 DOM 中移除该元素，请将 remove() 方法作为回调函数传递给 slideUp() 方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11562
