📅 最后修改于: 2023-12-03 15:02:14.044000 🧑 作者: Mango
slideDown() 是 jQuery 提供的一种动画效果的方法，用于向下滑动隐藏的 HTML 元素，并慢慢地显示它们。
$(selector).slideDown(speed, easing, callback)
参数解释：
selector：必需，用于选定要应用动画效果的 HTML 元素。speed：可选，规定动画效果的速度。可以是毫秒数，也可以是 "slow"、"fast" 或者具体的速度（"500" 等）。easing：可选，规定动画的缓动效果，默认是 "swing"，时间线将加速和减速。callback：可选，动画完成之后要执行的函数。下面是一个简单的例子，演示如何使用 slideDown() 方法。
<!DOCTYPE html>
<html>
<head>
<title>jQuery slideDown() 方法</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style type="text/css">
#block {
background-color: #0078d7;
color: white;
padding: 20px;
display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("#block").slideDown();
});
});
</script>
</head>
<body>
<button id="btn">显示块</button>
<div id="block">
<h2>jQuery | slideDown() 方法</h2>
<p>slideDown() 方法可以向下滑动隐藏的 HTML 元素，并慢慢地显示它们。</p>
</div>
</body>
</html>
上面的例子中，当用户点击 "显示块" 按钮时，会将 id 为 "block" 的 div 元素向下滑动显示。