jQuery委托

$(‘#container‘).on(‘click‘, ‘.elementClass‘, function() {    // code
});

http://stackoverflow.com/questions/10082031/why-use-jquery-on-instead-of-click

时间： 2024-10-01 03:05:09

jQuery委托的相关文章

jquery 委托 on() | off()删除委托 | one()只执行一次的委托

<1> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquer

巧用jQuery委托事件

平时做前端开发引用最多的框架无非就是jQuery,他封装了js的addEventListener,例如: 1 $("ul li").click(function(){/* ... */}) 2 3 /*或者*/ 4 5 $("ul li").on("click",function(){/* ... */}) 以上使用事件绑定,但是会给每个li绑定click事件,如果使用delegate(委托)方法就能减少这样事件的监听数量,改善代码性能: $(&

jquery的事件系统和缓存系统&& seajs

1, jquery的事件系统和缓存系统事件的起因, 不能解除匿名函数绑定: 给dom元素打上一个以版本随机号的标识, 比如1, 然后在 $.cache 上建立1的缓存对象, 如 $.cache.1.events, data; 从而引入缓存系统, 好处是只是在dom上标识下, 数据全在 $.cache 上, 而删除的时候会根据标识来删除cache, 会生成 cache[id] = { handle: 统一一个句柄, events: 事件集, data: 数据 } 事件空间,触发由于有缓存对象

jQuery架构设计与实现（2.1.4版本）

市面上的jQuery书太多了,良莠不齐,看了那么多总觉得少点什么对"干货",我不喜欢就事论事的写代码,我想把自己所学的知识点,代码技巧,设计思想,代码模式能很好的表达出来,所以考虑通过分析jQuery的源码库的方式来表达,尽力做最好内容结构还在不断的修正,欢迎给出建议 ps:写了数万字,因项目太忙,暂停下 https://github.com/JsAaron/jQuery 本书围绕的几个核心点: 设计理念结构组织抽象设计模式运用场景套用第一章:理解架构 1.1 我们真正会

实例化vue之前赋值html元素导致事件失效

先实例化Vue对象,再操作其他对象,Vue对象声明时会渲染html容器内的所有元素, 会导致元素事件失效或dom元素重新创建,所以涉及html元素的对象都要在实例化Vue之后执行. 下面是简要的例子,还望高手指点,目前猜测是对象赋值后,vue渲染元素将元素进行了改变导致之前的赋值对象变化了,无论是jquery对象还是dom对象都不行. <div id="vm"> {{msg}} <input type="button" value="试试

我也来说说js的事件机制

原文链接:http://www.w3cfuns.com/notes/17398/8062de2558ef495ce6cb7679f940ae5c.html 学js,不懂事件机制,基本可以说学了js,就是白学.本人看了很多js相关书籍,评价一本说讲得好不好,我主要看两块儿,一块儿是js面向对象讲得怎么样,另一块儿就是这个事件机制这块儿.面向对象按下不表,这里就详细说说事件机制.事件这个东西可以说js中核心之一.为啥如此重要,因为js是一门事件驱动的语言. 说说本文的结构.(真的好长,又不想写成一个

jQuery完整的事件委托(on())

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery完整的事件委托(on())</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> &l

jQuery代码优化：事件委托

随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面.jQuery为绑定和委托事件提供了.bind()..live()和.delegate()方法.本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合. 事件委托事件委托的事例在现实当中比比皆是.比如,有三个同事预计会在周一收到快递.为签收快递,有两种办法:一是三个人在公司门口等快递:二是委托给前台 MM代为签收.现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递).前台MM收到快

JQuery中的事件委托机制：delegate和undelegate

考虑下面这种场景:如果1个div下面有3个button,点击每个按钮的时候,需要打印出当前按钮的ID. <div id="parent"> <input type="button" id="a" value="1"></input> <input type="button" id="b" value="2"></i