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事件绑定函数:on()与bind()的差别

JQuery从1.7+版本开始,提供了on()和off(),进行事件处理函数的绑定和取消。这2个API与JQuery最初提供的bind()和unbind()有很多相似的地方,也有一些不同之处。bind...
  • aitangyong
  • aitangyong
  • 2015年02月09日 19:02
  • 6871

jQuery事件:bind、delegate、on的区别

最近在AngularJS的开发中,遇到一个神奇的事情:我们用到livebox来预览评论列表中的图片, 然而评论列表是由Angular Resource动态载入的。不可思议的是,点击这些动态载入的图...
  • yangjvn
  • yangjvn
  • 2015年08月18日 14:20
  • 1977

apply、call、bind区别、用法

apply和call都是为了改变某个函数运行时的上下文而存在的(就是为了改变函数内部this的指向); 如果使用apply或call方法,那么this指向他们的第一个参数,apply的第二个...
  • A_dangdang
  • A_dangdang
  • 2016年03月26日 12:08
  • 8847

bind()函数介绍

bind()函数介绍        在建立套接字文件描述符成功后,需要对套接字进行地址和端口的绑定,才能进行数据的接收和发送操作。 函数原型        bind()函数将长度为addlen的str...
  • xc_tsao
  • xc_tsao
  • 2015年03月08日 15:42
  • 6653

使用bind()和connect()函数

socket() 函数用来创建套接字,确定套接字的各种属性,然后服务器端要用 bind() 函数将套接字与特定的IP地址和端口绑定起来,只有这样,流经该IP地址和端口的数据才能交给套接字处理;而客户端...
  • softn
  • softn
  • 2016年06月02日 07:45
  • 1310

C++标准库bind函数

上篇博客在为大家介绍lambda是先由find_if函数引入问题,由于find_if函数的第三个参数所要求的可调用对象只能由一个谓词,所以我们最后选择的解决方法是用lambda表达式。那么此问题还有其...
  • Shreck66
  • Shreck66
  • 2015年09月03日 21:33
  • 5475

Web前端面试指导(二十五):谈一下Jquery中的bind,live,delegate,on的区别?

题目点评 该题难度不是很大,主要考察我们的叙述能力,对这些事件是否能够全面、系统的理解,以及表达的思路是否清晰。 解题思路 bind:把事件绑定到每一个匹配的元素上,主要特点 1.兼容性比较好...
  • lxcao
  • lxcao
  • 2016年10月04日 19:35
  • 1965

bind函数解析

名称 bind() 把名字和套接字相关联 使用格式 #include sys/types.h> #include sys/socket.h> int bind(int sockfd, ...
  • diaolingle
  • diaolingle
  • 2016年04月11日 22:40
  • 925

bind函数绑定

转载:http://blog.csdn.net/zhangxiangdavaid/article/details/43638747前言 函数绑定bind函数用于把某种形式的参数列表与已知的函...
  • icandoit2010
  • icandoit2010
  • 2016年12月27日 10:23
  • 378

Linux系统下socket通信注意之bind函数

一般我们在测试C/S程序的时候,为了方便。一般客户端连接服务器的时候,我们会不注意客户端的ip与端口,我们只关注的是服务器端的ip与端口,这样我们就可以与server通信。        在tcp/i...
  • xygl2009
  • xygl2009
  • 2015年05月21日 22:51
  • 3037
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQurey 中$.on和$.bind的差别
举报原因:
原因补充:

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