jQuery中的节点操作(一)

html代码如下

1. <p>Dom操作练习</p>

jQuery插入节点

1. $("p").append("武汉php"); //向每个匹配的元素内部追加内容
2. $("武汉php").appendTo("p");
4. $("p").prepend("武汉php"); //向每个匹配的元素内部前置内容
5. $("武汉php").prependTo("p");
7. $("p").after("武汉php"); //在每个匹配的元素之后插入内容
8. $("武汉php").insertAfter("p");
10. $("p").before("武汉php"); //在每个匹配的元素之前插入内容
11. ("武汉php").insertBefore("p");

jQuery删除节点

1. $("p").remove(); //删除节点
2. $("p").empty(); //清空节点

jQuery复制节点

1. $(this).clone().appendTo("p"); //复制节点
2. $(this).clone(true).appendTo("p"); //复制节点，包含所绑定的事件

jQuery替换节点

1. $("p").replaceWith("武汉php小班授课"); //替换节点
2. $("武汉php小班授课").replaceAll("p");

jQuery包裹节点

1. //<p>Dom操作练习</p>
2. //<p>Dom操作练习</p>
4. $("p").wrap("<div></div>"); //包裹节点
5. $("p").wrapAll("<div></div>"); //将所有匹配的元素用一个元素来包裹
6. $("p").wrapInner("<div></div>"); //在元素内部包裹子内容