当前位置: 首页 > 编程笔记 >

jQuery unbind()方法实例详解

郤望
2023-03-14
本文向大家介绍jQuery unbind()方法实例详解,包括了jQuery unbind()方法实例详解的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery unbind()方法使用方法。分享给大家供大家参考,具体如下:

jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件。

语法结构:

unbind([type][, data]);

type是事件类型,data为将要移除的事件。具体说明如下:
1、如果没有参数,则删除所有的绑定事件;
2、如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件;
3、如果把在绑定时传递的处理函数作为第2个参数,则只有这个特定的事件处理函数被删除。

请看下面的举例:

<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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍ThinkPHP之M方法实例详解,包括了ThinkPHP之M方法实例详解的使用技巧和注意事项,需要的朋友参考一下 M方法用于实例化一个基础模型类,和D方法的区别在于: 1、不需要自定义模型类,减少IO加载,性能较好; 2、实例化后只能调用基础模型类(默认是Model类)中的方法; 3、可以在实例化的时候指定表前缀、数据库和数据库的连接信息; D方法的强大则体现在你封装的自定义模型类有

  • 本文向大家介绍ThinkPHP3.1之D方法实例详解,包括了ThinkPHP3.1之D方法实例详解的使用技巧和注意事项,需要的朋友参考一下 D方法应该是用的比较多的方法了,用于实例化自定义模型类,是ThinkPHP框架对Model类实例化的一种封装,并实现了单例模式,支持跨项目和分组调用,调用格式如下: D('[项目://][分组/]模型','模型层名称') 方法的返回值是实例化的模型对象。 D方

  • 本文向大家介绍ThinkPHP之import方法实例详解,包括了ThinkPHP之import方法实例详解的使用技巧和注意事项,需要的朋友参考一下 import方法是ThinkPHP框架用于类库导入的封装实现,尤其对于项目类库、扩展类库和第三方类库的导入支持,import方法早期的版本可以和java的import方法一样导入目录和通配符导入,后来考虑到性能问题,在后续的版本更新中不断改进和简化了,

  • 本文向大家介绍ThinkPHP之N方法实例详解,包括了ThinkPHP之N方法实例详解的使用技巧和注意事项,需要的朋友参考一下 ThinkPHP的N方法属于计数器方法,被用于核心的查询、缓存统计的计数和统计。但是其实可以用于应用的其他计数用途,用法比较简单,调用格式: N('计数位置'[,'步进值']) 例如,我们要统计页面中的查询次数,可以用 表示每次执行到该位置都会引起计数器加1,到页面结束之

  • 本文向大家介绍ThinkPHP之R方法实例详解,包括了ThinkPHP之R方法实例详解的使用技巧和注意事项,需要的朋友参考一下 ThinkPHP的R方法用于调用某个控制器的操作方法,是A方法的进一步增强和补充。 R方法的调用格式: R('[项目://][分组/]模块/操作','参数','控制器层名称') 例如,我们定义了一个操作方法为: 那么就可以通过R方法在其他控制器里面调用这个操作方法(一般R

  • 本文向大家介绍jQuery中ajax - post() 方法实例详解,包括了jQuery中ajax - post() 方法实例详解的使用技巧和注意事项,需要的朋友参考一下 在jquery中的ajax有二个数据发送模式,一种是get,另一种是post()。 jQuery Ajax 参考手册 实例 请求 test.php 网页,忽略返回值: $.post("test.php"); TIY 实例 通过