jQuery 中bind(),live(),delegate(),on() 区别
on()来改写通过 .bind(), .live(), .delegate()所注册的事件
/* The jQuery .bind(), .live(), and .delegate() methods are just one line pass throughs to the new jQuery 1.8.2 .on() method */// Bind
$( "#members li a" ).on( "click", function( e ) {} );
$( "#members li a" ).bind( "click", function( e ) {} ); // Live
$( document ).on( "click", "#members li a", function( e ) {} );
$( "#members li a" ).live( "click", function( e ) {} );// Delegate
$( "#members" ).on( "click", "li a", function( e ) {} );
$( "#members" ).delegate( "li a", "click", function( e ) {} );
- 用.bind()的代价是非常大的,它会把相同的一个事件处理程序hook到所有匹配的DOM元素上
- 不要再用.live()了,它已经不再被推荐了,而且还有许多问题
- .delegate()会提供很好的方法来提高效率,同时我们可以添加一事件处理方法到动态添加的元素上。
- 我们可以用.on()来代替上述的3种方法
转载于:https://www.cnblogs.com/tinya/p/4598298.html
jQuery 中bind(),live(),delegate(),on() 区别相关推荐
- Jquery中bind和live的区别
Jquery中bind和live的区别 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(" ...
- jQuery中.bind() .live() .delegate() .on()的区别
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 $("a").bind("click",function(){alert(& ...
- Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
- jQuery中eq和get的区别
jQuery中eq和get的区别 相信大部份人都会把这2个的用法搞错.仔细查看下API文档就可以知道.eq返回的是一个jquery对象,get返回的是一个html 对象数组.举个例子: <p s ...
- jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
- JQuery中removeProp()与removeAttr()的区别,You know?
JQuery中removeProp与removeAttr的区别 1.removeProp()函数详解 语法: 注意: 返回值 移除onclick事件: 2.removeAttr() 函数详解 语法: ...
- php keydown,JQuery中keyUp和keyDown的区别详解
这篇文章主要是对JQuery中keyUp与keyDown的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 定义和用法完整的 key press 过程分为两个部分:1. 按键被按 ...
- JQuery中bind和unbind函数
JQuery中bind和unbind函数 测试: 页面代码: <body> <input type="button" name="aaa" v ...
- js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '<p>&l ...
最新文章
- 全文!《2018中国IoT报告》!
- 无线轮播android,Android无限轮播Banner的实现
- 538. Convert BST to Greater Tree 把二叉搜索树转换为累加树
- SqlServer性能检测和优化工具使用详细
- F. Ivan and Burgers(前缀线性基模板)
- WCF中如何用nettcp协议进行通讯
- Java基础复习——访问权限
- 字符串、数组、randomAccessFile 中length的异同
- VB.net数据库编程pdf
- 基于队列的医院挂号模拟系统
- MySQL如何把A表查询出来的某个字段的数据插入到新增的字段的下面
- 易灵思FPGA-软件Efinity和Modelsim联仿设置
- 斗破特别篇美杜莎建模赏析文
- vue之表格数据渲染,实现点击表格某列按钮弹出框显示剩余数据(模态框知识点)
- android+扁平+png,[3.28更新]更好看的扁平化主题 —Flat+ 超全图标
- 视频编解码标准情况概述
- 农村商业银行服务器未收到证书,不及时更新“证书” 当心网银U盾失效
- java之枚举类型应用
- PoE交换机供电距离只能跑100米,就不能再远一点吗?
- 如何使用Mac的媒体键在DisplayPort,HDMI或Thunderbolt监视器上调整扬声器音量
热门文章
- safari无法调试iphone提示“无可检查的应用程序”的解决方法
- 解决request.getSession().getServletContext().getRealPath(“/“)为null问题
- jsp页面之间传中文参数显示乱码问题的解决
- 解决springmvc报No converter found for return value of type: class java.util.ArrayList问题
- Missing artifact com.oracle:ojdbc6:jar:11.2.0.3 Maven中不能引入ojdbc解决方法,错误
- 子集数据帧中的丢包因子级别
- 是否可以在SQLite数据库中一次插入多行?
- Android手动创建和解析Json
- Git:clone时报错403
- python len函数_你需要了解的最重要的Python概念