After vs Insertafter

Difference between after() and insertAfter() with example

by Rohan Kumar

HTML

<div class="after">After Div</div>
------------------------------------------------------
<div class="insertafter">Insert after div</div>

CSS

.after,.insertafter{
    padding:10px;
}

JavaScript

var p='<p>Lorem ipsum doner inut..</p>';
$('.after').after(p)
           .css('backgroundColor','pink');//chaining, performed on .after div not on p


$(p).insertAfter('.insertafter')
    .css('backgroundColor','yellow');//chaining, performed on p not on .insertafter div