after() 方法

after() 方法在被选元素后插入指定的内容。

使用语法

 $(selector).after(content)

参数

selector：在哪个元素后面插入。

content（必需）：插入的内容元素（可包含 HTML 标签）。

使用实例：

<tr id="position"><td>你好</td></tr>
<tr><td>马提尼</td></tr>
$("#position").after("<tr><td>我是</td></tr>");
 
html页面的最终显示如下：
你好
我是
马提尼

小编介绍过jquery中在元素之前添加元素的before() 方法，before的中文翻译就是在什么之前的意思。那after中文翻译是在什么之后的意思，after() 方法可以满足在被选元素之后插入需要的指定内容。

以上就是jquery中使用after() 方法在元素之后添加元素的原理及具体实现，非常简单的操作，大家可尝试一下哦~更多JavaScript学习推荐：JavaScript教程。

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。