[jQuery] bind(), unbind(), on(), off() 이벤트 등록 및 해제

 

 

 

 

 

bind, unbind

bind는 jquery의 이벤트 설정 메서드이고, unbind는 jquery의 이벤트 해제 메서드이다.

 

jquery 1.7부터 bind/unbind가 개선되어 나온 것이 on/off 메서드이다.

 

 

<script>

  $("#a_click").click(function() {
      alert("click event");
  });
  
  // unbind로 기존 click 이벤트 해제
  $("#a_click").unbind("click"); // click 이벤트만 해제
  //$("#a_click").unbind(""); // 전체 해제
  
  // bind로 이벤트 등록
  $("#a_click").bind("click", function() {
      alert("click event2");
  });
  
</script>

<a href="javascript;;" id="a_click">click!</a>

 

 

아래와 같이 unbind와 bind를 한 번에 사용할 수도 있다.

 

<script>

  $("#a_click").click(function() {
      alert("click event");
  });
  
  // 기존 click 이벤트 해제 후 등록
  $("#a_click").unbind("click").bind("click", function() {
      alert("click event2");
  });
    
</script>

<a href="javascript;;" id="a_click">click!</a>