after()方法在目标元素后插入兄弟节点，如$(‘#box1’).after(‘新增’)将新div插入#box1之后，支持HTML字符串、DOM元素或jQuery对象，与insertAfter()区别在于调用主体不同。
在 jQuery 中，after() 方法用于在指定元素的外部后面插入内容或元素。也就是说，新内容会被插入到目标元素之后，作为其下一个兄弟元素。
基本语法
$(selector).after(content)selector：要操作的目标元素 content：要插入的内容，可以是 HTML 字符串、DOM 元素、jQuery 对象等
使用示例
假设有如下 HTML 结构：
现在我们想在 #box1 后面添加一个新的 div：
$(‘#box1’).after(‘
‘);
执行后，HTML 变为：
插入多种类型内容
after() 支持多种参数形式：
字符串（HTML）：.after('
文本段落
') DOM 元素：.after(document.createElement('span')) jQuery 对象：.after($('#someElement')) —— 注意这会把原元素移动位置
与 insertAfter() 的区别
两者功能相似，但调用方式不同：
after()：调用在目标元素上：$('#target').after('
') insertAfter()：调用在要插入的内容上：$('
').insertAfter('#target')
基本上就这些。使用 after() 方法能快速在元素后插入内容，适合动态生成结构或提示信息。注意插入的是兄弟节点，不是子节点。不复杂但容易忽略细节，比如移动元素时原位置会消失。
以上就是jquery中使用after() 方法在元素之后添加元素的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1538112.html
微信扫一扫 
支付宝扫一扫 
