jqueryのappend、prepend、beforeおよびafterメソッドの違い

after( ) と

Before
.html" target="_blank">before

() を使用します

仮想コードも使用します:

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
</p>

効果は次のとおりです:

$('.a').append($('.c'));

before() も使用します

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
  <p class=&#39;c&#39;>c</p>
</p>

効果は次のとおりです:

$('.a').prepend($('.c'));

概要:

append() と prepend() は要素内にコンテンツを挿入します (コンテンツは要素の子要素またはノードになります)。after() と before() は挿入します要素の外側のコンテンツ (コンテンツは要素の兄弟ノードになります)

1. append() と prepend()

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;c&#39;>c</p>
  <p class=&#39;b&#39;>b</p>

</p>

ログイン後にコピー

が

$('.a').after($('.c'));

を使用すると仮定します。その効果は次のとおりです。

<p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p><p class=&#39;c&#39;>c</p>

効果は次のとおりです:

$('.a').before($('.c'));

2. after() を使用します before() と同じ仮想コードを使用します

:

<p class=&#39;c&#39;>c</p><p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p>

効果は次のとおりです:

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
</p>

同様に before() を使用します

$('.a').append($('.c'));

効果は次のとおりです:

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
  <p class=&#39;c&#39;>c</p>
</p>

概要:

append() と prepend() は要素 Content に挿入され (コンテンツは要素の子要素またはノードになります)、after() と before() はコンテンツを外側に挿入します要素 (コンテンツは要素の兄弟ノードになります)

。

以上がjqueryのappend、prepend、beforeおよびafterメソッドの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。