[Jquery] 이벤트 연결하기

bind 함수를 이용하여, 특정 엘리먼트에 이벤트를 설정할 수 있다.

<button onClick="alert('L0GIC')"> </button>

그냥 HTML 만 사용하여 특정 엘리먼트에 이벤트를 설정해 주려면 이런식으로 작성해줘야 했다. 그렇다면, Jquery 의 Bind 메서드를 사용하면 어떤식으로 이벤트를 적용할 수 있을까?

<script>

$(document).ready(function (){

	$("#event").bind('click', alertfunc);

});

function alertfunc()
{
	alert("L0GIC");
}

</script>

<button id="event"> </button>

이렇게 적용해주면 된다. 셀렉터로 특정 엘리먼트를 셀렉팅 해준다음 bind 메서드로 on을 뺀 이벤트명과 실행시킬 함수를 입력해준다.

 

You may also like...