>  기사  >  웹 프론트엔드  >  jQuery unbind() 메소드에 대한 자세한 설명 example_jquery

jQuery unbind() 메소드에 대한 자세한 설명 example_jquery

WBOY
WBOY원래의
2016-05-16 15:19:111193검색

이 문서의 예에서는 jQuery unbind() 메서드를 사용하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

jQuery의 unbind() 메서드는 바인딩() 메서드의 반대 작업이며 일치하는 각 요소에서 바인딩된 이벤트를 제거합니다.

문법 구조:

코드 복사 코드는 다음과 같습니다.
unbind([type][, data]);

type은 이벤트 유형이고, data는 제거할 이벤트입니다. 구체적인 지침은 다음과 같습니다.
1. 매개변수가 없으면 모든 바인딩 이벤트를 삭제합니다.
2. 이벤트 유형(type)을 매개변수로 제공하면 해당 유형의 바인딩된 이벤트만 삭제됩니다.
3. 바인딩 시 전달된 핸들러 함수를 두 번째 파라미터로 사용하면 해당 특정 이벤트 핸들러 함수만 삭제됩니다.

아래 예를 참조하세요.

<script src="jquery.js" type="text/javascript"></script>
<style>
.info {
  background:#ffff66;
}
</style>
<input type="button" id="btn" value="点击我" />
<input type="button" id="delAll" value="删除全部绑定函数" />
<input type="button" id="delFun2" value="删除第二个绑定函数" /><br />
<div class="info"></div>
<script type="text/javascript">
$(document).ready(function(){
  // 为id为btn的按钮添加绑定事件
  $("#btn").bind('click', fun1=function(){
    $(".info").append('<p>绑定函数1</p>');
  }).bind('click', fun2=function(){
    $(".info").append('<p>绑定函数2</p>');
  }).bind('click', fun3=function(){
    $(".info").append('<p>绑定函数3</p>');
  })
  $("#delAll").bind('click', function(){
    $("#btn").unbind(); //删除全部绑定事件
  })
  $("#delFun2").bind('click', function(){
    $("#btn").unbind('click', fun2); //删除第二个绑定函数
  })
})
</script>

효과 표시:

jQuery 이벤트와 관련된 더 많은 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "jQuery 공통 이벤트 사용 및 기술 요약"

을 확인할 수 있습니다.

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.