Day9-JQuery的使用(5)[文档处理篇]

Day9-JQuery的使用(5)[文档处理篇]

---

---

append(content|fn)

向每个匹配的元素内部追加内容

<div>append:</div>

$("div").append("div");

效果

div标签内的内容变为:append:div

---

appendTo(content)

给匹配元素添加内容

<div>append:</div>
<p>p</p>

$("p).append("div");

效果：

---

prepend(content)

和append相似，prepend是向前追加内容

<div>append:</div> 

$("div").prepend("div");

效果

div标签内的内容变为:divappend:

---

prependTo(content)

将匹配元素添加到指定元素中

<div>append:</div>
<P>hahaha</P>

$("p").prependTo("div");

效果：

---

after(content)

在每个匹配的元素之后插入内容

<div>append:</div>
<P>hahaha</P>

$("p").after("div");

效果:

是添加在p标签外，而append()是添加在标签内

---

before(content)

在每个匹配的元素之前插入内容。

和after相似，after在后，before在前，都是追加在标签外。

---

remove([expr])

删除匹配元素

<div>append:</div>
<p>hahaha</p>
<div>remove</div>

$("p").remove();

效果：

直接删除了p标签和p标签中的内容。

---