javascript - prepend() と prependTo() の違い

Question

prepend() と prependTo() の違いがわかりません。誰かが違いを理解するのを手伝ってくれますか。

Answer 1

それは本当に連鎖するためだけです。

x.prependTo(y)

元のコレクションの先頭に追加xしyて返しxます。

y.prepend(x)

も先頭xに追加されyますが、元のコレクションが返されyます。

Answer 2

jQueryのドキュメントによるとprepend

.prepend()メソッドとメソッドは.prependTo()同じタスクを実行します。主な違いは構文にあります。具体的には、コンテンツとターゲットの配置です。では.prepend()、メソッドの前にあるセレクター式は、コンテンツが挿入されるコンテナーです。.prependTo()一方、 の場合、コンテンツは、セレクター式またはオンザフライで作成されたマークアップとして、メソッドの前にあり、ターゲット コンテナーに挿入されます。

---

いくつかの例：

prepend例 1

<div id="a">
    <p>a</p>
</div>
<div id="b">
    <p>b</p>
</div>
<script>
    $('#a').prepend('#b');
</script>

結果は*:

<div id="a">
    #b
    <p>a</p>
</div>
<div id="b">
    <p>b</p>
</div>

これは、prepend文字列をセレクタではなく HTML コンテンツとして扱うためです。

prepend例 2

<div id="a">
    <p>a</p>
</div>
<div id="b">
    <p>b</p>
</div>
<script>
    $('#a').prepend($('#b'));
</script>

結果:

<div id="a">
    <div id="b">
        <p>b</p>
    </div>
    <p>a</p>
</div>

prependTo例 3

<div id="a">
    <p>a</p>
</div>
<div id="b">
    <p>b</p>
</div>
<script>
    $('#a').prependTo('#b');
</script>

結果は*:

<div id="b">
    <div id="a">
        <p>a</p>
    </div>
    <p>b</p>
</div>

_{* コードを読みやすくするために、これらの例では空白が間違っています。}

Answer 3

ドキュメントから直接コピー

.prepend() および .prependTo() メソッドは同じタスクを実行します。主な違いは構文、特にコンテンツとターゲットの配置にあります。.prepend() では、メソッドの前にあるセレクター式は、コンテンツが挿入されるコンテナーです。一方、.prependTo() では、コンテンツは、セレクター式またはその場で作成されたマークアップとして、メソッドの前にあり、ターゲット コンテナーに挿入されます。

基本的に言う

ElementWhereIWantToAppendTo.prepend(This Is The Content That Is Added)
ElementIWantToAdd.prependTo(This Is Where I add The Content)