개발노트 :: 제이쿼리(Jquery) bind() unbind() 이벤트 등록,제거

1. 제이쿼리(Jquery) 이벤트  등록, 제거

요소에 이벤트 핸들러를 지정하기 위해서 bind() 및 제거에 해당하는 unbind() 함수를 사용해 각각에 요소에 이벤트 핸들러를 추가할 수가 있습니다.

 

 

2. 제이쿼리(Jquery) 이벤트  등록 .bind()

<input type="button" id="btn">

<script type="text/javascript"> 
	$("#btn").bind("click",function(){
		alert("클릭");
	}); 
</script>

.bind(eventType,handler)

id가 btn이라는 요소에 이벤트 핸들러를 추가를 합니다. eventType은 click, handler는 클릭이라는 문구를 출력하는 알럿창이 나오도록 함수를 지정합니다.

 

이렇게 되면 id가 btn요소를 클릭시 '클릭'문구가 나오는 알럿창이 화면이 표시가 됩니다.

 

 

3. 제이쿼리(Jquery) 이벤트  제거 .unbind()

<input type="button" id="btn">

<script type="text/javascript"> 
	$("btn").unbind();
</script>

.unbind([eventType] [, handler])

id가 btn인 요소에 추가된 이벤트를 제거합니다.

1. 매개변수가 없으면 모든 이벤트 제거

2. eventType 지정시 지정된 이벤트 제거

3. handler 지정시 click에 대한 이벤트는 남아있어도 핸들러에 해당되는 부분이 제거