【CSS】jQueryの関数afterとcssの疑似要素afterは違う

勝手に同じ系列と思ってたけどどうやら違う

<div class=”hoge”>
<p>test</p>
</div>
<jQueryの$(“hoge”).afterの場合の場所>
 

<div class=”hoge”>
<p>test</p>
<hoge:afterの場所>
</div>
 

beforeも同じ