html代码如下
<p>Dom操作练习</p>
jQuery插入节点
$("p").append("武汉php"); //向每个匹配的元素内部追加内容
$("武汉php").appendTo("p");
$("p").prepend("武汉php"); //向每个匹配的元素内部前置内容
$("武汉php").prependTo("p");
$("p").after("武汉php"); //在每个匹配的元素之后插入内容
$("武汉php").insertAfter("p");
$("p").before("武汉php"); //在每个匹配的元素之前插入内容
("武汉php").insertBefore("p");
jQuery删除节点
$("p").remove(); //删除节点
$("p").empty(); //清空节点
jQuery复制节点
$(this).clone().appendTo("p"); //复制节点
$(this).clone(true).appendTo("p"); //复制节点,包含所绑定的事件
jQuery替换节点
$("p").replaceWith("武汉php小班授课"); //替换节点
$("武汉php小班授课").replaceAll("p");
jQuery包裹节点
//<p>Dom操作练习</p>
//<p>Dom操作练习</p>
$("p").wrap("<div></div>"); //包裹节点
$("p").wrapAll("<div></div>"); //将所有匹配的元素用一个元素来包裹
$("p").wrapInner("<div></div>"); //在元素内部包裹子内容