使用jQuery实现页面中的 div 元素向右运动 100px 后回到初始位置的动画效果。

要在jQuery中为`div`元素实现这种简单的水平移动动画，你可以使用`animate()`函数。这个函数可以轻松地改变元素的位置、尺寸或样式等属性。以下是一个示例代码：

// 获取你要动画的div元素
var $div = $('#yourDivId'); // 用你的div的实际ID替换'yourDivId'

// 定义动画的开始位置（left: 0）和结束位置（left: 100px）
var initialPosition = { left: 0 };
var finalPosition = { left: 100 };

// 设置动画持续时间（毫秒）和完成后的回调函数（如果需要）
var animationDuration = 1000; // 动画持续1秒
var completeCallback = function() {
    $div.css('left', initialPosition.left); // 回到初始位置
};

// 开始动画
$div.animate(finalPosition, animationDuration, 'linear', completeCallback);

在这个例子中：

- `#yourDivId` 是你需要应用动画的`div`元素的ID。
- `animate()`函数接收一个包含CSS属性和值的对象（这里是`{ left: 100 }`），以及一个可选的时间参数和两个可选的动画参数：一个是插值器，这里用的是 `'linear'`，表示平滑运动；另一个是动画完成后执行的回调函数。