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

在jQuery中，你可以使用`animate()`方法来创建元素平滑的动画效果。以下是实现一个div元素从右边进入（向右移动100px），然后返回到原始位置（即原点）的简单示例：

$(document).ready(function() {
    // 获取需要动画的div元素
    var $div = $('#yourDivId'); // 替换 'yourDivId' 为实际的div元素ID

    // 定义动画函数
    function moveRightAndBack() {
        $div.animate({left: "+=100px"}, {duration: 1000, complete: function() {
            // 动画结束后，将元素位置还原回初始位置
            $(this).animate({left: "0px"}, {duration: 1000});
        }});
    }

    // 调用动画函数
    moveRightAndBack();
});

在这个例子中，我们首先获取了目标div，然后设置了一个动画函数`moveRightAndBack`，它会将div的left属性（相当于x坐标）增加100像素，持续1秒（`1000ms`）。当动画完成后，`complete`回调会被触发，再次调用另一个动画将元素移回原位（left值设为0）。