jQuery unbind() 사용 예

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

문법 구조:

unbind([type][, data]);

type은 이벤트 유형이고, data는 제거할 이벤트입니다. 구체적인 지침은 다음과 같습니다.

1. 매개변수가 없으면 모든 바인딩 이벤트를 삭제합니다.

2. 이벤트 유형(유형)이 매개변수로 제공되면 해당 유형의 바인딩 이벤트만 삭제됩니다.

3. 바인딩 중에 전달된 핸들러 함수를 두 번째 매개변수로 사용하면 이 특정 이벤트 핸들러 함수만 삭제됩니다.

아래 예를 참조하세요:

<script src="http://www.gamejzy.com/js/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 />
<p class="info"></p>
<script type="text/javascript">
$(document).ready(function(){
	// 为id为btn的按钮添加绑定事件
	$("#btn").bind(&#39;click&#39;, fun1=function(){
		$(".info").append(&#39;<p>绑定函数1</p>&#39;);
	}).bind(&#39;click&#39;, fun2=function(){
		$(".info").append(&#39;<p>绑定函数2</p>&#39;);
	}).bind(&#39;click&#39;, fun3=function(){
		$(".info").append(&#39;<p>绑定函数3</p>&#39;);
	})
	$("#delAll").bind(&#39;click&#39;, function(){
		$("#btn").unbind(); //删除全部绑定事件
	})
	$("#delFun2").bind(&#39;click&#39;, function(){
		$("#btn").unbind(&#39;click&#39;, fun2);  //删除第二个绑定函数
	})
})
</script>

효과 표시:

위 내용은 jQuery unbind() 사용 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!