jQuery框架实现元素显示及隐藏动画【附案例分析】，web前端开发面试
// 假设我们有一个按钮和一个元素需要显示和隐藏
<button id="toggleButton">切换显示/隐藏</button>
<div id="box" style="width: 100px; height: 100px; background-color: red;"></div>
// 使用jQuery实现点击按钮切换元素的显示和隐藏
$('#toggleButton').click(function() {
$('#box').toggle('slow'); // 'slow' 表示动画执行时长为600毫秒
});这段代码展示了如何使用jQuery的 toggle() 方法和 click() 方法来实现一个简单的显示和隐藏动画。当按钮被点击时，关联的元素会以动画的形式进行显示或隐藏。slow 是一个预定义的速度，表示动画执行时长大约为600毫秒。
评论已关闭