이 문서의 예에서는 jQuery unbind() 메서드를 사용하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
jQuery의 unbind() 메서드는 바인딩() 메서드의 반대 작업이며 일치하는 각 요소에서 바인딩된 이벤트를 제거합니다.
문법 구조:
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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.