文字
分享

返回值:jQueryappendTo(content)

概述

把所有匹配的元素追加到另一个指定的元素元素集合中。

1

2

3

实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

         

        在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,返回值是所有被追加的内容,而不仅仅是先前所选中的元素。所以,要选择先前选中的元素,需要使用end()方法,参见例二。

参数

contentString

用于被追加的内容

示例

描述:

把所有段落追加到ID值为foo的元素中。

HTML 代码:

1

2

<code><p>I would like to say: </p>

<div></div><div></div></code>

jQuery 代码:

1

<code>$("p").appendTo("div");</code>

结果:

1

2

<code><div><p>I would like to say: </p></div>

<div><p>I would like to say: </p></div></code>

描述:

新建段落追加div中并加上一个class

HTML 代码:

1

<code><div></div><div></div></code>

jQuery 代码:

1

2

3

4

5

<code> $("<p/>")

   .appendTo("div")

   .addClass("test")

   .end()

   .addClass("test2");</code>

结果:

1

2

3

<code><div><p class="test test2"></p></div>

<div><p class="test"></p></div>

</code>