jQuery | insertAfter() 与示例

介绍

insertAfter() 是 jQuery 中用于移动元素的方法。它可以将指定的元素移动到另一个元素的后面。

语法

insertAfter() 方法的语法如下：

$(selector).insertAfter(target)

其中，selector 为需要移动的元素的选择器，target 为目标元素的选择器。

示例

<!-- HTML 代码 -->
<div id="box1">Box 1</div>
<div id="box2">Box 2</div>
<button id="move">Move Box 1 after Box 2</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $("#move").click(function() {
        $("#box1").insertAfter("#box2");
    });
});
</script>

如上所示的代码，在 HTML 中有两个 div 元素，一个 button 元素。在 JavaScript 中，当点击按钮时，使用 insertAfter() 方法将 box1 移动到 box2 后面。

返回结果

# jQuery | insertAfter() 与示例

## 介绍

`insertAfter()` 是 jQuery 中用于移动元素的方法。它可以将指定的元素移动到另一个元素的后面。

## 语法

`insertAfter()` 方法的语法如下：

```javascript
$(selector).insertAfter(target)

其中，selector 为需要移动的元素的选择器，target 为目标元素的选择器。

示例

<!-- HTML 代码 -->
<div id="box1">Box 1</div>
<div id="box2">Box 2</div>
<button id="move">Move Box 1 after Box 2</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $("#move").click(function() {
        $("#box1").insertAfter("#box2");
    });
});
</script>

如上所示的代码，在 HTML 中有两个 div 元素，一个 button 元素。在 JavaScript 中，当点击按钮时，使用 insertAfter() 方法将 box1 移动到 box2 后面。