本文实例讲述了jQuery中insertBefore()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入到另一个指定的元素集合的前面。 insertBefore()方法与insertAfter()相反。 语法结构: 复制代码 代码如下: $(selector).insertBefore(content) 参数列表: 参数 描述 selector 定义要被插入的内容。 content 定义在哪些元素之前插入内容。 实例代码: 复制代码 代码如下: insertBefore()函数-脚本之家 <br /> p{ <br /> width:100px; <br /> height:100px; <br /> background-color:red;<br /> } <br /> div{ <br /> width:200px; <br /> height:200px; <br /> background-color:blue;<br /> } <br /> <br /> $(document).ready(function(){ <br /> $("#bt").click(function(){ <br /> $("div").insertBefore("p"); <br /> }) <br /> }); <br /> 以上代码可以将div元素插入到p元素的前面。 需要特别注意的是,这里的插入是将匹配元素挪动到指定元素的前面,而不是复制一个新的。 希望本文所述对大家的jQuery程序设计有所帮助。