정리jQuery

jQuery after와 insertAfter의 차이

jQuery

They are mutual opposites.

‘after‘ inserts the argument after the selector.

‘insertAfter‘ inserts the selector after the argument.

Here is an example of the same thing done with:

after 메서드는 인자가 선택자 뒤에 들어간다.

1
$(".inner").after("<p>Test</p>");

insertAfter 메서드는 선택자 뒤에 인자가 들어온다.

1
$("<p>Test</p>").insertAfter(".inner");

insertAfter():

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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():

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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>
Share