JQ插入节点删除节点操作

插入节点方法

方法	描述	示例
append()	向每个匹配元素内部追回内容	html代码：<p>我想说：</p>  JQ代码：$("p").append("<b>你好</b>"); 结果： <p>我想说：<b>你好</b></p>
appendTo()	将所有匹配元素追加到指定的元素中  颠倒append()做法	html代码：<p>我想说：</p>  JQ代码：$("<b>你好</b>").appendTo("p"); 结果： <p>我想说：<b>你好</b></p>
prepend()	向每个匹配元素内部前置内容	html代码：<p>我想说：</p>  JQ代码：$("p").prepend("<b>你好</b>"); 结果： <p><b>你好</b>我想说：</p>
prependTo()	将所有匹配元素追加到指定的元素中  颠倒prepend()方法	html代码：<p>我想说：</p>  JQ代码：$("<b>你好</b>").prependTo("p"); 结果： <p><b>你好</b>我想说：</p>
after()	在每个匹配元素之后插入内容	html代码：<p>我想说：</p>  JQ代码：$("p").after("<b>你好</b>"); 结果： <p>我想说：</p><b>你好</b>
insertAfter()	将所有匹配元素追加到指定的元素的后面  颠倒after()方法	html代码：<p>我想说：</p>  JQ代码：$("<b>你好</b>").insertAfter("p"); 结果： <p>我想说：</p><b>你好</b>
before()	在每个匹配元素之前插入内容	html代码：<p>我想说：</p>  JQ代码：$("p").before("<b>你好</b>"); 结果： <b>你好</b><p>我想说：</p>
insertBefore()	将所有匹配元素追加到指定的元素的前面	html代码：<p>我想说：</p>  JQ代码：$("<b>你好</b>").insertBefore("p"); 结果： <b>你好</b><p>我想说：</p>

 

删除节点

remove() 和 empty()

 

替换节点

replaceWith()