如何在 jQuery 中使用相对值创建动画？

在 jQuery 中，可以使用相对值（+=、-=、*=、/=）来创建动画效果。相对值是指将当前元素属性的值增加或减少一定量，而不是指定一个绝对的目标值。

举个例子，假设有一个 <div> 元素，它的宽度为 100px，想要让它在 1 秒内变成 200px。使用 jQuery 中的 animate() 方法可以这样写：

$("div").animate({
  width: "200px"
}, 1000);

但是如果想要让它在当前宽度的基础上增加 100px 呢？这时候就可以使用相对值：

$("div").animate({
  width: "+=100px"
}, 1000);

在这个例子中，+=100px 表示让当前宽度增加 100px。

这种方式同样适用于其他的 CSS 属性。例如，要让元素的透明度从当前值减少 0.5，可以这样写：

$("div").animate({
  opacity: "-=0.5"
}, 1000);

总的来说，在 jQuery 中使用相对值可以让动画更加灵活，可以根据当前元素属性的值来选择增加或减少，代码也更加简洁。