jQuery:after()とinsertAfter()の違いは何ですか?

jQueryには.after()メソッドと.insertAfter()メソッドがあります。

それらの違いは何ですか?選択した要素(または要素)の後に要素を挿入するために.after()を使用できると思います。そうですか? .insertAfter()とは何ですか?

相互に相反する

‘after’はセレクタの後に引数を挿入します。

‘insertAfter’ は引数の後にセレクタを挿入します。

次に、同じことの例を示します。

insertAfter():

<div class=”container”>
<h2>Greetings</h2>
<div class=”inner”>Hello</div>
<div class=”inner”>Goodbye</div>
</div>
$( “<p>Test</p>” ).insertAfter( “.inner” );
Each inner <div> element gets this new content:
<div class=”container”>
<h2>Greetings</h2>
<div class=”inner”>Hello</div>
<p>Test</p>
<div class=”inner”>Goodbye</div>
<p>Test</p>
</div>

after():

<div class=”container”>
<h2>Greetings</h2>
<div class=”inner”>Hello</div>
<div class=”inner”>Goodbye</div>
</div>
$( “.inner” ).after( “<p>Test</p>” );

<div class=”container”>
<h2>Greetings</h2>
<div class=”inner”>Hello</div>
<p>Test</p>
<div class=”inner”>Goodbye</div>
<p>Test</p>
</div>