位置: 编程技术 - 正文

实例讲解jQuery中对事件的命名空间的运用(jqueryui)

编辑:rootadmin

推荐整理分享实例讲解jQuery中对事件的命名空间的运用(jqueryui),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquerycdn,jquerycdn,jquery的用法,jquery的使用步骤,jquery的使用步骤,jquery100例,jquery示例,jquery 使用,内容如对您有帮助,希望把文章链接给更多的朋友!

用 jQuery 绑定和解绑事件监听器都是非常简单的。但是当你为一个元素的一个事件绑定了多个监听器时,怎样精确地解绑其中一个监听器?我们需要了解一下事件的命名空间。

看下面这段代码:

像上面这样绑定事件监听器,当元素被点击时,doSomething 和 doSomethingElse 这两个监听器都会被触发。这是使用 jQuery 的一个便利之处,可以随时给元素的同一个事件添加不同的监听器。不像用 onclick 那样,新的监听器会覆盖旧的。

如果你想解绑其中一个监听器,比如 doSomething,怎么做呢?

是这样吗?

注意!上面这行代码会把元素的 click 事件的所有监听器全部解绑,而这并不是我们要的结果。

幸运的是 jQuery 的 .off() 方法可以接受第二个参数,就像 .on() 一样。只要把监听器函数的名字作为第二个参数传入 .off() 方法,就能够解绑指定的监听器。

但是如果你不知道这个函数的名字,或者你用的是匿名函数:

怎样才能精确地解绑某一个 click 事件监听器呢?该了解一下 jQuery 的事件命名空间了!

先上代码:

这里不只是把 click 事件作为参数传入 .on() 方法,而是给 click 事件指定了一个命名空间,然后监听了这个命名空间里的 click 事件。此时,即使监听器是匿名函数,实际上它也是“有名”的了。现在你可以像下面这样解绑某一个具体的命名空间里的事件监听器了。

实例讲解jQuery中对事件的命名空间的运用(jqueryui)

这是 jQuery 为我们提供的又一个方便而强大的功能,它的内部实现肯定很有意思!

我们再来看一些代码:

当然,我们也可以用bind进行事件绑定。我们看到上面的代码,我们可以在事件后面,以点号,加我们的名字,就是事件命名空间。所谓事件命名空间,就是事件类型后面以点语法附加一个别名,以便引用事件,如”click.a”,其中”a”就是click当前事件类型的别名,即事件命名空间。

假如我们要删除如下命名空间:

我们可以用:

要注意的是:

假如我们写了如下代码:

那么我们要用trigger触发click事件,也就是触发第一个,岂不是把click.a和click.a.bb都触发了,那如何解决这个问题呢,我只想触发click,而不触发click.a及以下的命名空间?

没关系! 有如下解决办法:

如果事件类型后面附加感叹号,则表示触发不包含命名空间的特定事件类型。

假如我们只想触发click,可以这么写:

只触发bb,可以这么写:

有了命名空间,可以方便我们在同一个事件上面做管理啦!!!

jQuery中借助deferred来请求及判断AJAX加载的实例讲解 ajax请求异步队列加载我们在开发程序的时候通常会碰到使用ajax加载数据显示到列表的情况。ajax默认使用异步加载(async:true)。为什么不使用同步呢,

JQuery点击事件回到页面顶部效果的实现代码 JQuery点击事件回到页面顶部效果的实现代码//2个div,点击某个时回到顶部divstyle="height:px"/divdivid="top"top/div引用JQueryscripttype="text/javascript"$(f

通过jquery-ui中的sortable来实现拖拽排序的简单实例 1.引入文件scriptsrc="{sh::PUB}js/jquery-1..1.min.js"/scriptlinkrel="stylesheet"href="Public/css/jquery-ui.min.css"scriptsrc="{sh::PUB}js/jquery-ui.min.js"/script2.给元素附上sortable类tbody

标签: jqueryui

本文链接地址:https://www.jiuchutong.com/biancheng/387257.html 转载请保留说明!

上一篇:jquery简单插件制作(fn.extend)完整实例(jquery插件开发方法)

下一篇:jQuery中借助deferred来请求及判断AJAX加载的实例讲解(jquery deferred对象)

  • 2020年小微企业所得税税率
  • 公司申报房产税 土地取得时间怎么写的
  • 建筑公司分包项目违法吗
  • 应税工资怎么计算出来的
  • 税后经营净利率和营业净利率的区别
  • 劳务派遣员工工伤用工单位承担责任吗
  • 坏账计提坏账准备
  • 未开具发票负数的原因
  • 自然人合伙企业怎么交税
  • 小微企业所得税优惠政策最新2022
  • 农产品进项税额计算扣除的方法
  • 补交印花税需要调账吗
  • 溢价或者折价购买债券的会计处理.
  • 注册资金未到账需要缴纳印花税吗
  • 招待费与去年减少的原因
  • 视同销售存货账务处理方法是什么?
  • 其他公司代缴社保分录
  • 雇主责任险发票的项目名称怎么写
  • 建安官网
  • 防伪税控开具发票明细表
  • 企业报表里面利润怎么填
  • 金蝶旗舰版反过账的操作步骤
  • 研发过程中材料费计入
  • 雇主责任保险
  • 投资的子公司亏损注销
  • 企业收到财政专项资金账务处理
  • 实收资本印花税按次还是按年
  • 企业拆迁补偿款税务最新政策
  • 刚注册的有限公司可以马上注销吗
  • 笔记本电脑怎么重装系统
  • php+ mysql教程
  • 非正常损失运输费进项税额如何转出
  • jmcacdefg什么意思
  • csrss是什么程序
  • php的教程
  • thinkphp 5.0.24 rce
  • vue 的watch
  • 计提企业所得税是在结转损益后吗
  • less变量
  • 印花税账务处理会计分录
  • 现金销售商品的会计分录
  • 代扣税费分录
  • 研发企业税率是多少
  • 企业付给个人工资怎么算
  • 企业营业税怎么征收
  • 开发票明目
  • 固定资产投资额是指什么
  • 购买的金税盘可以抵扣吗
  • sql中身份证号码用什么类型
  • 完工产品成本计算表怎么填
  • 企业租车流程
  • 老板买私人飞机可以避税吗
  • 银行代扣水费分录
  • 借长期借款贷在建工程
  • 企业购买黄金有限制吗
  • 商标是无形资产还是商誉
  • 工会经费的减除项是什么
  • sql语句分号
  • mysql服务无效
  • win8/10whql
  • vmware虚拟机怎么卸载不了
  • emule.td文件怎么打开
  • 如何修复hosts文件
  • linux文本处理实验报告
  • win7复制文件到system32没有权限
  • NDSTray.exe - NDSTray是什么进程 有什么用
  • win10资源管理器启动不了
  • js实例教程
  • jquery技巧
  • node.js连接数据库的代码
  • android的handler
  • jquery添加兄弟元素
  • linux怎么使用shell脚本
  • js 状态模式
  • 基于javascript的毕业设计
  • 安卓打造世界中文全dlc
  • jquery on()
  • 原生js实现ajax步骤
  • 一般纳税人开具的增值税普通发票和专用发票的区别
  • 拿了全额发票必须按时办理房产证吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设