on事件委托

最新推荐文章于 2019-01-05 22:01:15 发布
最新推荐文章于 2019-01-05 22:01:15 发布
阅读量43 收藏
点赞数
原文链接：http://www.cnblogs.com/Model-Zachary/p/6209878.html
版权

on绑定多个事件，off解绑事件，one事件只执行一次

on除了能够处理未来事件，还可以对事件进行委托处理
$('div').on('click', 'p', function(event)（也就是通过处理父元素，让子元素产生变化）

转载于:https://www.cnblogs.com/Model-Zachary/p/6209878.html

weixin_30463341
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery使用on进行事件委托，父、子元素绑定相同事件，阻止冒泡
Serena_tz的博客
04-06 1231
最近公司在做的一个移动门户需要使用jQuery，但是好久没有用jQuery进行开发，着实有点忘记jQuery的语法。jQuery中最推荐的事件绑定方式是用on事件，同时利用on事件也能完成事件委托。 因为该移动门户中展示的卡片列表是通过ajax获取数据后新生成的元素，所以，要么重新绑定一次事件，要么，进行事件委托，将事件监听绑定在新生成的元素的父元素上面。我采用了第二种方法，也就是利用on方法进行事件委托，利用ul列表做了简单的测试。 因为父、子元素均绑定了相同的事件，而新生成的子元素要将事件委托给父元素，
javascript事件委托理解，jQuery .on()方法一步到位实现事件委托
orange0111的博客
11-13 3729
本篇文章借鉴自：博客园文章，只为自己巩固下事件委托方面的知识 概述: 什么叫事件委托？他还有一个名字叫做事件代理，（时间代理 === 事件委托，现在才知道这两个是一个意思） 高程3上讲：事件委托即是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 借鉴其他大牛的一个例子，也为自己更好的理解一下：收快递例子 有三个同事预计会在周一收到快递。为签收快递，有两种办法
事件委托--on()方法
Queen-Shir的博客
03-24 555
$(selector).on()方法：
jQuery事件绑定和委托实例
10-25
主要介绍了jQuery事件绑定和委托,以实例形式分析了jQuery事件绑定和委托中on()、bind()、live()、delegate()的用法,具有一定的学习与借鉴价值,需要的朋友可以参考下
jQuery事件委托之Safari
01-19
事件委托是Jquery中一种事件绑定的方式，不同于常见的事件绑定方式将事件绑定在目标元素上，而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。 //常见的事件绑定(Jquery) $(element).click(function(){ //...
C#通过委托调用Button单击事件的方法
01-01
这里介绍通过委托取消Button事件switch-case的方法。需要注意的是，事先要按顺序在各个Button的Tag属性中设置0、1、2、3……等序号，其作用请详看代码。 /*定义委托*/ public delegate 类型或viod MethodDelegate...
jQuery事件绑定.on()简要概述及应用
10-27
前几天看到事件委托的时候，关于live()方法讲的不是很详细，就去搜了一下关于live()和delegate()的，最后看源码发现bind()和delegate()都是由on()实现的，感兴趣的朋友可以了解下，或许本文对你有所帮助
jQuery_事件绑定如何用on实现事件委托
jiang7701037的博客
01-23 3722
*{ margin:0; padding:0; list-style: none; } #box{ position:relative; width:400px; height:300px; back
jQuery事件委托
阳光下的冷静的博客
01-05 7553
事件委托原理： 事件委托是通过事件冒泡的原理，利用父级去触发子级的事件。如果不用事件委托，将ul下每一个li都去添加click事件监听，非常麻烦，而且对于内存消耗是非常大的，效率上需要消耗很多性能；另外就是如果通过js动态创建的子节点，需要重新绑定事件。 而利用事件委托的话，只需要给父级绑定一个事件监听，即可让每个li都绑定上相应的事件，让你避免对特定的每个节点添加事件监听器；事件监听器是被添...
jQuery的事件绑定与事件委托
热门推荐
aiolos1111的专栏
07-28 1万+
在用jQuery的事件绑定时，会用到on()、bind()、live()、 delegate()这几个方法，但对他们的区别缺从未注意过，现稍总结一下，如有错误，欢迎指正。       参考文档： http://blog.csdn.net/xxd851116/article/details/8646899 http://www.jb51.net/article/57827.htm http://
jquery-事件委托
空白的博客
06-30 672
    jQuery中的事件委托方式比较丰富，就以同样的例子来说：   1、用on方法,代码如下：1 $(function(){ 2 $("#lists").on("click","li",function(event){ 3 var target = $(event.target); 4 target.cs...
jQuery的on()方法的两种用法（委托给父元素进行事件监听代理）
u012183426的博客
11-26 9730
/* 6. 增加删除元素*jQuery: * */ var li=$('<li class="item">content</li>');//创建子节点 $('ul').append(li);//在父节点后面添加子节点 $(li).appendTo('ul'); //将子节点追加到父节点 //直接将创建的子元素添加到父元素 ...
JQ之事件委托 用on()给父级绑定委托事件
Haima的博客
10-17 1万+
JQ之事件委托                       春       夏       秋             $('ul').on('click','li',function(){ //给li的父标签绑定委托事件       alert($(this).text());//点击时候弹出JQ获取li里文本内容的        //alert(th
js中的事件委托或是事件代理详解
weixin_30883271的博客
06-25 1967
起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件...
jQuery高级事件---on、off、one和事件委托
Twilight's Blog
06-16 6430
on、off、onejQuery1.7 以后推出了.on()和.off()方法，替代之前的方法。on/off整合了bind、unbind、事件委托等方法 on替代bind方法on可以替代bind方法，使用方法和bind一致// 绑定单个事件 $(":button").on("click",function(){ alert("on"); });// 传递数据
jQuery 事件委托
weixin_43043455的博客
09-17 790
自从学习了jQuery，发现很多事件没办法记住，往往学着后面的忘着前面的，很苦恼，所以捡出一些容易忘记的方法单独记录在这里，以供日后复习用到。 我们在绑定事件时（比如点击事件），只能绑定在HTML页面已有的元素上（比如在上），当使用js创建新的div元素时，新的元素便没有这个事件，如果我想还有，那怎么办，这里就得用到事件委托。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html ...
JQ 为未来元素添加事件处理器—事件委托
weixin_30823227的博客
03-15 484
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ为事件委托提供了live（）、dalegate（）和on（）方法。 事件委托 我们知道，DOM在为页面中的每个元素分派事件时，相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div &...
jquery事件委托
最新发布
12-29
在jQuery中，可以使用`on()`方法来实现事件委托。 下面是一个示例，演示如何使用jQuery事件委托： ```javascript // HTML结构 <li>Item 1 <li>Item 2 <li>Item 3 // jQuery事件委托 $("#parent").on(...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值