javascript 변수선언 var 와 $ 의 차이점

<div class="event_btn">
<a href="javascript:;" id="event1JoinBtn" title="이벤트1 참여하기"><img src="images/gc_event01_btn01.png" alt="이벤트1 참여하기" class="wfull"></a>
</div>





$("#event1JoinBtn").click(function(){
if(selectCard1 != 'k' || selectCard2 != 't' || selectCard3 != 'c' || selectCard4 != 'o' || selectCard5 != 'm') {
alert('워드블록으로 주소를 완성하고 이벤트에 참여해 주세요.');
return;
}
eventNum = 1;
viewPopup('popup01');
initPopup1();
});




function viewPopup(sGetName){
var layer = $("#"+ sGetName);
var nowTop = $(window).scrollTop();
var calTop = nowTop-(layer.height()/3);
if(nowTop == 0) calTop = 200;
calTop = $(window).scrollTop();

$(layer).addClass("on");
$(layer).css({"top":calTop+50});
$(".dimm").addClass("on");
}




function initPopup1() {
$("#username01").val('');
$("#tel01").val('');
$("#chk_agree01").prop("checked", false);
$("#chk_agree02").prop("checked", false);