append(content | fn)：向每個(gè)匹配的元素內(nèi)部追加內(nèi)容。參考：http://jquery.cuishifeng.cn/append.html

例如：向所有段落中追加一些HTML標(biāo)記。

<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
[ <p>I would like to say: <b>Hello</b></p> ]

appendTo()：這個(gè)方法是顛倒了常規(guī)的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中

例如：把所有段落追加到ID值為foo的元素中。

<p>I would like to say: </p>
<div></div><div></div>
$("p").appendTo("div");
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>

prepend()：向每個(gè)匹配的元素內(nèi)部前置內(nèi)容

例如：向所有段落中前置一些HTML標(biāo)記代碼。

<p>I would like to say: </p>
$("p").prepend("<b>Hello</b>");
[ <p><b>Hello</b>I would like to say: </p> ]

prependTo(content)：

把所有匹配的元素前置到另一個(gè)、指定的元素元素集合中。實(shí)際上，使用這個(gè)方法是顛倒了常規(guī)的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。

例如：把所有段落追加到ID值為foo的元素中。

<p>I would like to say: </p><div id="foo"></div>
$("p").prependTo("#foo");
<div id="foo"><p>I would like to say: </p></div>

after()：在每個(gè)匹配的元素之后插入內(nèi)容。插入的元素和被插入的元素屬于同一級(jí)，非父子級(jí)關(guān)系

例如：在所有段落之后插入一些HTML標(biāo)記代碼。

<p>I would like to say: </p>
$("p").after("<b>Hello</b>");
<p>I would like to say: </p><b>Hello</b>

before()：在每個(gè)匹配的元素之前插入內(nèi)容。

例如：在所有段落之前插入一些HTML標(biāo)記代碼

<p>I would like to say: </p>
$("p").before("<b>Hello</b>");
[ <b>Hello</b><p>I would like to say: </p> ]

insertAfter()：把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的后面。實(shí)際上，使用這個(gè)方法是顛倒了常規(guī)的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面

例如：把所有段落插入到一個(gè)元素之后。與 $("#foo").after("p")相同

<p>I would like to say: </p><div id="foo">Hello</div>
$("p").insertAfter("#foo");
<div id="foo">Hello</div><p>I would like to say: </p>

insertBefore()：把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的前面。實(shí)際上，使用這個(gè)方法是顛倒了常規(guī)的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。

例如：把所有段落插入到一個(gè)元素之前。與 $("#foo").before("p")相同。

<div id="foo">Hello</div><p>I would like to say: </p>
$("p").insertBefore("#foo");
<p>I would like to say: </p><div id="foo">Hello</div>

wrap()：把所有匹配的元素用其他元素的結(jié)構(gòu)化標(biāo)記包裹起來。

這種包裝對(duì)于在文檔中插入額外的結(jié)構(gòu)化標(biāo)記最有用，而且它不會(huì)破壞原始文檔的語義品質(zhì)。這個(gè)函數(shù)的原理是檢查提供的第一個(gè)元素（它是由所提供的HTML標(biāo)記代碼動(dòng)態(tài)生成的），并在它的代碼結(jié)構(gòu)中找到最上層的祖先元素－－這個(gè)祖先元素就是包裹元素。當(dāng)HTML標(biāo)記代碼中的元素包含文本時(shí)無法使用這個(gè)函數(shù)。因此，如果要添加文本應(yīng)該在包裹完成之后再行添加。

例如：用于包裝目標(biāo)元素的DOM元素

<div class="container">
 <div class="inner">Hello</div>
 <div class="inner">Goodbye</div>
</div>
$('.inner').wrap(function() {
 return '<div class="' + $(this).text() + '" />';
});
<div class="container">
 <div class="Hello">
  <div class="inner">Hello</div>
 </div>
 <div class="Goodbye">
  <div class="inner">Goodbye</div>
 </div>
</div>

unwrap()：這個(gè)方法將移出元素的父元素。這能快速取消 .wrap()方法的效果。匹配的元素（以及他們的同輩元素）會(huì)在DOM結(jié)構(gòu)上替換他們的父元素。

例如：用ID是"content"的div將每一個(gè)段落包裹起來

<div>
  <p>Hello</p>
  <p>cruel</p>
  <p>World</p>
</div>
$("p").unwrap()
<p>Hello</p>
<p>cruel</p>
<p>World</p>

wrapAll()：將所有匹配的元素用單個(gè)元素包裹起來

這于 '.wrap()'<a href="

$("p").wrapAll("<div></div>");

$("p").wrapAll(document.createElement("div"));

最新評(píng)論