jQuery事件委派

1.将多个子元素的事件委托给父辈元素处理！

2.监听是加载了父辈元素上！

3.当操作任何一个子元素时，事件冒泡到祖先元素上

4.祖先元素不会直接处理时间，而是通过event.targrt得到发生事件的子元素，通过这个子元素调用事件回调函数！（虽然监听加载了祖先元素上，但此时的this是发生事件的具体子元素！

//通过共同的祖先元素为其添加事件
//如：为ul下的li添加单机li后，里的background颜色变为red$('ul').delagate('li','click',function () {this.style.background = "red"
})

）

移除委派：

$('ul').undelegate('click')

jQuery事件委派相关推荐

jquery 选择器、筛选器、事件绑定与事件委派
一.jQuery简介 1.可用的jQuery服务器网站:https://www.bootcdn.cn/ jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocume ...
jquery学习之事件委派
一.定义事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素. 二.版本从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函 ...
什么是jquery中的事件委派？
在jquery中有一个很重要的概念--事件委派,相信很多搞前端开发的人都听说过,零度逍遥本来对此不是十分理解,但经过一个高人的指点后,才发现这个功能还是蛮强大的,今天就给大家分享一下. 事件委派的定义 ...
jQuery动态创建的元素无法删除？—— 事件委派找其静态父级
项目场景: 通过一个小案例学习事件委派时jQuery动态创建的元素无法移除. 问题描述案例需要动态添加表格行,点击GET可以移除此课程.但是后来动态创建的tr无法移除. var newtr = $( ...
jQuery 学习笔记事件委派
事件委派允许我们将事件绑定到一个元素包括它匹配的子元素(无论存在的还是不存在的). 我们通过一个例子来感受一下事件委派 <div id="container">< ...
49 jQuery事件
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery事件注册单个事件注册语法: element.事件(function() ...
DOM事件与jQuery事件的是非纠葛
在javascript和JQuery之中,都有事件的处理方式,在我们编写程序实现某些功能的时候,我们会发现使用原生的DOM事件与JQuery中封装的事件都能实现同样的效果,那么也许我们会认为他们之间的 ...
jQuery事件绑定和解绑
jQuert事件 1.1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题. 缺点: 普通的事件注 ...
jQuery事件笔记
多事件注册 $('div').on({mouseenter:function(){},click:function(){},mouseleave:function(){}})$('div').on(' ...

jQuery事件委派

jQuery事件委派相关推荐

最新文章

热门文章