浅析jQuery事件之on()方法绑定多个选择器,多个事件

最新推荐文章于 2022-01-25 02:00:30 发布
最新推荐文章于 2022-01-25 02:00:30 发布
阅读量296 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chinashanzhang/article/details/79218756
版权
本文深入探讨了jQuery中的on()方法如何用于同时绑定多个选择器和多个事件。通过示例代码展示如何为不同的元素和事件类型设置事件处理程序，包括点击、鼠标进入和离开事件。
摘要由CSDN通过智能技术生成

$(document).on('click','#header .top,#main .btn',function(){
 //code...
})

on方法绑定多个事件
$('table.planning_grid').on({
最低0.47元/天 解锁文章
chinashanzhang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery on()方法绑定多个选择器,多个事件
C赏心悦目
08-07 772
on(events,[selector],[data],fn) •events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。 •selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。 •data:当一个事件被触发时要传递event.data给事件处理函数。 •fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。 这样一个需.
选择器事件 on()
Anonymous
11-15 357
<!DOCTYPE html> <html> <head> <title>jQuery 选择器</title> <meta charset="UTF-8">
JQ中$(document).on(‘‘,‘‘,function(){})
LuckyGuyy的博客
11-06 1050
jQuery的区别：().click()和().click()和().click()和(document).on(‘click’,‘要选择的元素’,function(){})的不同 $(document).on(‘click’,‘要选择的元素’,function(){}）； 用于动态事件的绑定 要选择的元素发生click事件，执行function函数 ...
jQuery on()方法绑定动态元素的点击事件实例代码浅析
12-28
之前就一直受这个问题的困扰，在jQuery1.7版本之后添加了on方法，之前就了解过，其优越性高于live(),bind(),delegate()等方法，在此之前项目中想用这个来测试结果发现，居然动态生成的标签点击了没反应，而live方法...
浅析jquery unbind()方法移除元素绑定的事件
10-22
下面小编就为大家带来一篇浅析jquery unbind()方法移除元素绑定的事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery中$(document).on的一些不解
u013562120的博客
08-10 1598
$(document).on是把事件委托到document上，$('className').on是把事件绑定到.className元素上。效率方面，直接绑定在元素上会更为高效，绑定在document上，每次document有点击动作，浏览器都会判断当前点击的对象，如果匹配，再决定要不要执行，多了一个判断的环节。但在目前开发中，JS渲染效率很高，所以此异同基本可以忽略不计。此外，针对$(docume...
Jquery 事件委托$(document).on('click') 导致点击事件多次执行
MrLiber的博客
03-07 8992
用$(document).on(‘click’,’#XX’,function(){…})为元素添加点击事件 结果导致事件会执行多次 。 出现这种情况是因为每点击一下document就会绑定一遍事件，click事件进行了累加绑定，每调用一次，便增加一次绑定，所以导致触发多次事件。 解决这个问题的办法大致有下面几种： 1.每次绑定前先取消上次的绑定，在这个事件绑定的前面紧挨着加上off或者unbind...
jquery中$(document).on的一些疑惑
qq_41551345的博客
04-15 3195
在html的规范中，id是一个元素在整个源代码中独一无二的属性，而class做为css选择器，是为元素增加样式的手段，那么例如下面的结构： <div id = ‘item’ class = ‘items’> <div id = ‘item1’ class = ‘items’> 通过 KaTeX parse error: Expected 'EOF', got '#' at ...
（转）关于jquery的$(document).on()事件多次执行的问题
zx1323的博客
02-01 8197
http://www.seozhijia.net/javascript/99.html 我们在使用$(document).on()来绑定事件的时候，有时候会出现同一个事件会执行多次的问题，为什么会这样呢？其实很简单，就是这段代码在执行的过程中进行了多次绑定，或者将$(document).on()放在了循环里，或者是相互嵌套用on()事件，笔者曾经犯过相互嵌套用得错误，比如，在弹出一个窗口
2021-07-05 table.on 监听事件
weixin_45933454的博客
07-05 931
环境：layui + vue 1.data加入 table 2.layui 使用 table ，并将table 放入 data里 3.转换为静态表格 table.on 双击监听事件 ，obj.data 就是当前行的值 。 contentWindow 是页面的一个属性，可以通过它调用方法
jQuery绑定事件
baidulixueqin的博客
01-25 1574
jQuery中用on来绑定事件，常用写法 第一种：$(document).on('click','.classname',function(){}); $(document).on('click','#idname',function(){}); 第二种：$('.classname').on('click',function(){}); $('#idname').on('click',function(){}); 两种写法哪个更好？ 1.$(document).on将事件委托d
bootstrap:tab和jqGrid的使用表格实现自适应（自用）
qq_33416416的博客
04-17 1640
参考：https://blog.csdn.net/qq122453418/article/details/79051823 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, ini...
云计算-三维流形中的矩阵和环链多项式的计算.pdf
07-05
在三维流形中，矩阵和环链多项式的计算是量子域理论的一个重要应用。当三维流形是S3时，环链不变量变为被不同单位复根评估的琼斯多项式。Lockorish给出了Wi t t en不变量存在性的完全基本证明，其基础是应用Kaufman...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值