本文实例讲述了jQuery中insertAfter()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入到另一个指定的元素集合的后面。 insertAfter()方法与insertBefore()方法的作用相反。 语法结构: 复制代码 代码如下: $(selector).insertAfter(content) 参数列表: 参数 描述 selector 定义要被插入的内容。 content 定义在哪些元素之后插入内容。 实例代码: 复制代码 代码如下: insertAfter()函数-脚本之家 <br /> p{ <br /> width:100px; <br /> height:100px; <br /> border:1px solid red; <br /> } <br /> div{ <br /> width:200px; <br /> height:200px; <br /> border:1px solid blue; <br /> } <br /> <br /> $(document).ready(function(){ <br /> $("button").click(function(){ <br /> $("div").insertAfter("p"); <br /> }) <br /> }); <br /> 我的前面会被插入内容 我是p元素 点击查看效果 以上代码可以将div元素插入到p元素的下面,当然是外部的下面。 希望本文所述对大家的jQuery程序设计有所帮助。