Heim > Web-Frontend > js-Tutorial > Anwendungsbeispiele für jQuery unbind()

Anwendungsbeispiele für jQuery unbind()

巴扎黑
Freigeben: 2017-06-25 15:15:12
Original
1031 Leute haben es durchsucht

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]);
Nach dem Login kopieren


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>
Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage