id jquery 拼接_jQuery拼接HTML标签元素

1. append & appendTo 的功能均为：在被选元素结尾(仍在元素内部)插入指定内容，但是内容和选择器的位置不同

(1) append()方法：

//在id为element元素内部末尾插入

拼接的元素

$("#element").append("

拼接的元素

");

(2) appendTo()方法：

//在id为element元素内部末尾插入

拼接的元素

$("

拼接的元素

").appendTo("#element");

2. insertBefore & before & insertAfter & after

(1) insertBefore() & before() 方法 ：在被选元素前(元素外部)插入指定内容

//在id为element的元素前插入

拼接的元素

$("

拼接的元素

").insertBefore("#element");

注：如果指定内容是已存在的元素，它将从它的当前位置被移除，并被插入在被选元素之前。

//在id为element的元素前插入

拼接的元素

$("#element").before("

拼接的元素

");

(2) insertAfter() & after()方法：在被选元素后(元素外部)插入指定内容

//在id为element的元素后插入

拼接的元素

$("

拼接的元素

").insertAfter("#element");

注：如果指定内容是已存在的元素，它将从它的当前位置被移除，并被插入在被选元素之后。

//在id为element的元素后插入

拼接的元素

$("#element").after("

拼接的元素

");