JQuery动画操作

在jQuery中，有许多种方法可以用来执行动画操作。以下是一些常见的方法：

1. show(): 显示被选元素。

$("#div1").show();

2. hide(): 隐藏被选元素。

$("#div1").hide();

3. toggle(): 对被选元素进行显示和隐藏的切换。

$("#div1").toggle();

4. fadeIn(): 渐变显示被选元素。

$("#div1").fadeIn();

5. fadeOut(): 渐变隐藏被选元素。

$("#div1").fadeOut();

6. fadeToggle(): 切换被选元素的渐变显示与隐藏。

$("#div1").fadeToggle();

7. fadeTo(): 把被选元素渐变到指定的透明度。

$("#div1").fadeTo(0.5); // 透明度为50%

8. slideDown(): 通过高度变化（向下）来渐变显示被选元素。

$("#div1").slideDown();

9. slideUp(): 通过高度变化（向上）来渐变隐藏被选元素。

$("#div1").slideUp();

10. slideToggle(): 切换被选元素的渐变显示与隐藏。

$("#div1").slideToggle();

11. animate(): 创建自定义动画。

$("#div1").animate({
  width: "200px",
  height: "200px"
}, 500); // 动画时长为500毫秒

12. stop(): 停止在被选元素上正在运行的动画。

$("#div1").stop();

13. delay(): 设置在被选元素的动画效果开始前等待的时间。

$("#div1").delay(500); // 延迟时间为500毫秒

这些是jQuery中常用的动画操作方法，可以根据需要选择合适的方法来实现动画效果。