14、jQuery动画与AJAX方法全解析

jQuery动画与AJAX方法全解析

1. jQuery动画方法

1.1 避免多重动画队列问题

在创建淡入淡出效果时，为避免多重动画队列问题，可在链式调用中添加 .stop(true, true) 。示例代码如下：

$('#hoverme-stop-2').hover(function() {
  $(this).find('img').stop(true, true).fadeOut();
}, function() {
  $(this).find('img').stop(true, true).fadeIn();
});

若想全局停止动画，可将 $.fx.off 属性设置为 true 。设置后，所有动画方法被调用时会立即将元素设置为最终状态，而不显示动画效果。

1.2 .delay() 方法

.delay() 方法用于设置定时器，延迟队列中后续项目的执行。其语法为：

.delay(duration, [queueName])

参数说明：
- duration ：一个整数，表示延迟执行队列中下一项的毫秒数。
- queueName （可选）：包含队列名称的字符串，默认为