JavaScript 코스

jQuery 이벤트

개요

구형 브라우저에서 이벤트 처리는 상당히 까다로운 반면, jQuery를 사용하면 이벤트 처리도 간단하게 할 수 있습니다.

on이라는 메소드를 통해 바로 이벤트 등록이 가능합니다.

$('#some-object').on('click', function(event){
	alert('jQuery event!');
})

예제

<button id="my-btn">My Button</button>

<script type="text/javascript">
	$('#my-btn').on('mouseover', function (event) {
		$('#my-btn').css('color', '#ee6633');
	});

	$('#my-btn').on('mouseout', function (event) {
		$('#my-btn').css('color', '#333');
	});

	$('#my-btn').on('mousedown', function (event) {
		$('#my-btn').css('color', '#3333ee');
	});

</script>