jq 添加和插入

1)父元素.append(子元素)方法函数

//在父元素的最后面添加子元素 
$("p").append("<b>你好</b>");
// <p>p元素<b>你好</b></p>

2)子元素.appendTo(父元素)方法函数

//将子元素追加到父元素的最后面。 
$("<b>你好</b>").appendTo("p");
//<p>p元素<b>你好</b></p>

3)父元素.prepend(子元素)方法函数

//将子元素追加到父元素的最前面
 $("p").prepend("<b>你好</b>");
//<p><b>你好</b>p元素</p>

4)子元素.prependTo(父元素)方法函数

//将子元素追加到父元素的最前面
 $("<b>你好</b>").prependTo("p");
 // <p><b>你好</b>p元素</p>

5)元素A.after(元素B)方法函数

//将元素B插入到元素A的后面，但不在元素A内部。
$("p").after("<b>你好</b>");
//<p>p元素</p><b>你好</b>

6)元素A.insertAfter(元素B)方法函数

//将元素A插入到元素B后面，但不在元素B内部。
 $("<b>你好</b>").insertAfter("p");
//<p>p元素</p><b>你好</b>

7)元素A.before(元素B)方法函数

//将元素B插入到元素A的前面，但不在元素A内部。
 $("p").before("<b>你好</b>");
//<b>你好</b><p>p元素</p>

8)元素A.insertBefore(元素B)方法函数

//将元素A插入到元素B的前面，但不在元素B内部。
$("<b>你好</b>").insertBefore("p");
//<b>你好</b><p>p元素</p>