jQuery: What's the difference between after() and insertAfter()

Question

jQuery has an .after() method, and also an .insertAfter() method.

What\'s the difference between them? I think I can use .after()

Answer 1

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:

insertafter():

  
Greetings
  
Hello
  
Goodbye

$( "
Test
" ).insertAfter( ".inner" );
Each inner 
 element gets this new content:

  
Greetings
  
Hello
  
Test
  
Goodbye
  
Test

after():

  
Greetings
  
Hello
  
Goodbye

$( ".inner" ).after( "
Test
" );


  
Greetings
  
Hello
  
Test
  
Goodbye
  
Test