jQuery | 淡入淡出()方法

jQuery的淡入淡出()方法是一个常用的方法，用于在页面上淡入或淡出元素。在这篇文章中，我们将学习如何使用这个方法和它的各种选项。

语法

$(selector).fadeIn(speed, [easing], [callback]);
$(selector).fadeOut(speed, [easing], [callback]);

• $(selector): jQuery选择器，用于选择要淡入或淡出的元素。
• speed: 可选参数，规定淡入或淡出的速度。默认是400毫秒。可以用0来禁用动画效果。
• easing: 可选参数，规定淡入或淡出的缓动效果。
• callback: 可选参数，淡入或淡出完成后要执行的函数。

用法示例

淡入/淡出

使用 fadeIn() 和 fadeOut() 方法，可以让元素淡入或淡出。

$("#myDiv").fadeIn();
$("#myDiv").fadeOut();

淡入/淡出速度

可以通过指定speed参数来控制淡入/淡出的速度。

$("#myDiv").fadeIn(1000);
$("#myDiv").fadeOut(1000);

在上面的示例中，元素将会在1秒钟内淡入或淡出。

淡入/淡出缓动效果

通过指定easing参数，可以使用各种缓动效果。

$("#myDiv").fadeIn(1000, "linear");
$("#myDiv").fadeIn(1000, "swing");

在上面的示例中，我们使用了两种不同的缓动效果：线性和swing。

淡入/淡出完成后执行函数

通过指定callback参数，可以让一个函数在淡入/淡出完成后执行。

$("#myDiv").fadeIn(1000, function(){
  alert("淡入完成！");
});
$("#myDiv").fadeOut(1000, function(){
  alert("淡出完成！");
});

在上面的示例中，我们指定了一个回调函数来输出一个警告框，以指示淡入或淡出已经完成。

结论

淡入淡出()是jQuery的一个重要方法，可以让页面变得更加动态和吸引人。通过使用speed，easing和callback参数，开发人员可以非常容易地自定义淡入/淡出效果。