Maison > interface Web > js tutoriel > Exemples d'utilisation de jQuery unbind()

Exemples d'utilisation de jQuery unbind()

巴扎黑
Libérer: 2017-06-25 15:15:12
original
1031 Les gens l'ont consulté

La méthode unbind() dans jQuery est l'opération inverse de la méthode bind(), qui supprime l'événement lié de chaque élément correspondant.

Structure grammaticale :

unbind([type][, data]);
Copier après la connexion


type est le type d'événement, data est l'événement à supprimer. Les instructions spécifiques sont les suivantes :

1. S'il n'y a pas de paramètres, tous les événements de liaison seront supprimés

2 Si le type d'événement (type) est fourni en paramètre, uniquement. les liaisons de ce type seront supprimées. Événement défini ;

3. Si la fonction de traitement transmise lors de la liaison est utilisée comme deuxième paramètre, seule cette fonction de traitement d'événement sera supprimée.

Veuillez consulter l'exemple ci-dessous :

<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>
Copier après la connexion


Affichage de l'effet :


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal