jQuery事件委派与移除

2019独角兽企业重金招聘Python工程师标准>>>

使用传统的bind()或者on()可以给指定元素绑定事件.但是如果这个元素是后来添加进来的,那么这个绑定的事件变无效了

这个时候,我们可以用jQuery提供的live()和delegate()来进行事件委派,这样即便是新加入的元素也可以正常处理绑定的事件

例如为class为cellTd的元素绑定一个click事件,而且让后来添加进来class为cellTd的元素也具有该事件.可以使用如下2种方式实现

$(".cellTd").live("click", function(){})  //使用live()

$(document).delegate(".cellTd", "click", function(){})  //使用delegate()

如果需要移除已绑定的时间,可以使用die()和undelegate()

$(".cellTd").die();             //移除所有live绑定的事件
$(".cellTd").die("click")       //移除live绑定的click事件
$(".cellTd").die("click", aFun);//移除live绑定的click事件对应的aFun函数

$(".cellTd").undelegate();        //删除由delegate()方法添加的所有事件处理器
$(".cellTd").undelegate("click"); //删除由delegate()方法添加的click事件处理器
$(".cellTd").undelegate("click", aFun); 删除由delegate()方法添加的click事件处理器对应的aFun函数

转载于:https://my.oschina.net/kenshiro/blog/161139

jQuery事件委派与移除相关推荐

jQuery事件委派
1.将多个子元素的事件委托给父辈元素处理! 2.监听是加载了父辈元素上! 3.当操作任何一个子元素时,事件冒泡到祖先元素上 4.祖先元素不会直接处理时间,而是通过event.targrt得到发生事件的 ...
2021/10/31 前端开发之JavaScript+jQuery入门第十二章jQuery事件与动画
目录 1.jQuery中的事件 1.1 事件的组成 1.2 基础事件 2.载入事件 3.鼠标事件 4.键盘事件 5.浏览器事件 6.表单事件 7.绑定事件 8.移除事件 9.复合事件 10.控制元素显 ...
jQuery live事件说明及移除live事件方法
1.live事件说明 jQuery1.3增加了一个live()方法,下面是手册上的说明: jQuery 1.3中新增的方法.给所有当前以及将来会匹配的元素绑定一个事件处理函数(比如click事件).也 ...
jQuery动态创建的元素无法删除？—— 事件委派找其静态父级
项目场景: 通过一个小案例学习事件委派时jQuery动态创建的元素无法移除. 问题描述案例需要动态添加表格行,点击GET可以移除此课程.但是后来动态创建的tr无法移除. var newtr = $( ...
jquery 选择器、筛选器、事件绑定与事件委派
一.jQuery简介 1.可用的jQuery服务器网站:https://www.bootcdn.cn/ jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocume ...
jQuery 学习笔记事件委派
事件委派允许我们将事件绑定到一个元素包括它匹配的子元素(无论存在的还是不存在的). 我们通过一个例子来感受一下事件委派 <div id="container">< ...
jquery学习之事件委派
一.定义事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素. 二.版本从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函 ...
什么是jquery中的事件委派？
在jquery中有一个很重要的概念--事件委派,相信很多搞前端开发的人都听说过,零度逍遥本来对此不是十分理解,但经过一个高人的指点后,才发现这个功能还是蛮强大的,今天就给大家分享一下. 事件委派的定义 ...
49 jQuery事件
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery事件注册单个事件注册语法: element.事件(function() ...
DOM事件与jQuery事件的是非纠葛
在javascript和JQuery之中,都有事件的处理方式,在我们编写程序实现某些功能的时候,我们会发现使用原生的DOM事件与JQuery中封装的事件都能实现同样的效果,那么也许我们会认为他们之间的 ...

jQuery事件委派与移除

jQuery事件委派与移除相关推荐

最新文章

热门文章