jquery中使用after() 方法在元素之后添加元素-js教程-PHP中文网

jquery中使用after() 方法在元素之后添加元素

舞夢輝影

发布： 2025-11-11 18:27:08

原创

854人浏览过

after()方法在目标元素后插入兄弟节点，如$('#box1').after('<div>新增</div>')将新div插入#box1之后，支持HTML字符串、DOM元素或jQuery对象，与insertAfter()区别在于调用主体不同。

jquery中使用after() 方法在元素之后添加元素

在 jQuery 中，after() 方法用于在指定元素的外部后面插入内容或元素。也就是说，新内容会被插入到目标元素之后，作为其下一个兄弟元素。

$(selector).after(content)

假设有如下 HTML 结构：

<div id="box1">第一个盒子</div>
<div id="box2">第二个盒子</div>

现在我们想在 #box1 后面添加一个新的 div：

$('#box1').after('<div class="new-box">新增的盒子</div>');

执行后，HTML 变为：

腾讯元宝

腾讯混元平台推出的AI助手

223

<div id="box1">第一个盒子</div>
<div class="new-box">新增的盒子</div>
<div id="box2">第二个盒子</div>

after() 支持多种参数形式：

两者功能相似，但调用方式不同：

基本上就这些。使用 after() 方法能快速在元素后插入内容，适合动态生成结构或提示信息。注意插入的是兄弟节点，不是子节点。不复杂但容易忽略细节，比如移动元素时原位置会消失。

以上就是jquery中使用after() 方法在元素之后添加元素的详细内容，更多请关注php中文网其它相关文章！

大家都在看：