jQueryで画像のsrc情報が取得できません。

画像がクリックされたときに、クリックされた「src情報」を取得したいのですが、うまくいきません。(undefinedと出ます。)どなたかご教授頂けないでしょうか。よろしくお願い致します。

---

【script】

//対象の画像がクリックされたときの処理

    $(document).on('click','.sel_page', function(event){
         var imgSrc = $('.sel_page').attr('src');
    });

【HTML】

<div class="sel_page">
            <img src="img/test1.png" id="color0000"/>        
            <img src="img/test2.png" id="color0001"/>        
</div>