Anwendungsbeispiele für jQuery unbind()

Die unbind()-Methode in jQuery ist die umgekehrte Operation der bind()-Methode, die das gebundene Ereignis von jedem übereinstimmenden Element entfernt.

Grammatikstruktur:

unbind([type][, data]);

Typ ist der Ereignistyp, Daten sind das zu entfernende Ereignis. Die spezifischen Anweisungen lauten wie folgt:

1. Wenn keine Parameter vorhanden sind, werden alle Bindungsereignisse gelöscht.

2 Wenn der Ereignistyp (Typ) als Parameter angegeben wird Bindungen dieses Typs werden gelöscht.

3. Wenn die Verarbeitungsfunktion als zweiter Parameter verwendet wird, wird nur diese spezifische Ereignisverarbeitungsfunktion gelöscht.

Siehe das Beispiel unten:

<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>

Effektanzeige:

Das obige ist der detaillierte Inhalt vonAnwendungsbeispiele für jQuery unbind(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!