after() vs insertAfter() 그리고 before() vs insertBefore()

jQuery after, insertAfter & before, insertBefore

메  소  드	내   용
after()	지정한 요소 뒤에 새로운 요소를 삽입   A.after(B) - A 뒤에 B를 추가
insertAfter()	지정한 요소 뒤에 새로운 요소를 삽입  A.insertAfter(B - B 뒤에 A 를 추가
before()	지정한 요소 시작 부분에 내용을 삽입   A.berfore(B) - A 앞에 B를 추가
insertBefore()	지정한 요소 시작 부분에 내용을 삽입  A.insertBefore(B) - B 앞에 A 를 추가

var count = 0;
$( "body" ).on( "click", "p", function() {
    $( this ).after( "<p>Another paragraph! " + (++count) + "</p>" );
});