jQurey 中$.on和$.bind的差别

转载 2016年08月29日 15:27:24

jquery的bind跟on绑定事件的区别

jquery的bind和on绑定事件的区别

bind和on的绑定事件的区别:

jquery文档中bind和on函数绑定事件的用法:

.bind(events [,eventData], handler)

.on(events [,selector]  [,data], handler)

 

从文档中可以看出,.on方法比.bind方法多一个参数'selector'

.on的selector参数是筛选出调用.on方法的dom元素的指定子元素,如:

$('ul').on('click', 'li', function(){console.log('click');})就是筛选出ul下的li给其绑定click事件;

 

那么这个selector参数的好处是什么?

好处在于.on方法为动态添加的元素也能绑上指定事件;如:

$('ul li').on('click', function(){console.log('click');})的绑定方式和$('ul li').bind('click', function(){console.log('click');})一样;我通过js给ul添加了一个li:$('ul').append('<li>js new li<li>');这个新加的li是不会被绑上click事件的

 

但是我用$('ul').on('click', 'li', function(){console.log('click');}方式绑定,然后动态添加li:$('ul').append('<li>js new li<li>');这个新生成的li被绑上了click事件

相关文章推荐

【转】jQuery的.bind()、.live()和.delegate()之间差别

转】jQuery的.bind()、.live()和.delegate()之间差别 Admin 2011年8月9日 名人名言:友情是天堂,没有它就象下地狱;友情是生命,没有它就意味着死亡;你在人...
  • wangzff
  • wangzff
  • 2012年07月26日 11:24
  • 892

jq中绑定事件bind(),live(),delegate(),on()的优缺点

前言   因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该...

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式 前言   因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到d...

jQuery 中bind(),live(),delegate(),on() 区别

转:http://blog.csdn.net/panfang/article/details/21705681 当我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的。而它们之...

jquery中的live、on、onclick、bind

Jquery中的事件绑定有三种方式: onclick事件 onclick非常好理解,点击时候触发onclick函数中的代码执行 $("button").onclick( $("p").slide...

jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别

.bind(), .live(), 和 .delegate()之间的区别并不明显。但是理解它们的不同之处有助于写出更简洁的代码,并防止我们的交互程序中出现没有预料到的bug。 基础 DOM树 ...

JQuery中的bind、delegate、on、live方法的区别及简单介绍

Bind()方法: 给元素绑定事件 形式: .bind(eventType[,eventData],handler(eventObject)) eventType,string类型,一个或多个DOM事...

jQuery的三种bind/One/Live/On事件绑定使用方法

本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧。需要的朋友参考下   今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从...

jQuery 2.0.3 源码分析 事件绑定 - bind/live/delegate/on

事件(Event)是JavaScript应用跳动的心脏,通过使用JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应 事件的基础就不重复讲解了,本来是定位源...
  • vuturn
  • vuturn
  • 2015年10月09日 21:55
  • 317

jQuery的on与bind绑定事件的区别与注意事项

jQuery的on与bind绑定事件的区别与注意事项
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQurey 中$.on和$.bind的差别
举报原因:
原因补充:

(最多只允许输入30个字)