事件绑定方法live和bind的区别及使用场合
2017-05-17 10:49
302 查看
Jquery中绑定事件有三种方法click、bind、live第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已 第二、三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要注意二者的区别。 【bind和live的区别】 live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件, 对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。那么live方法的这个特 性是怎么实现的呢?下面来探讨一下其实现原理。 live方法之所以能对后生成的元素也绑定相应的事件的原因归结在“事件委托”上面,所谓“事件委托”就是指绑定在祖先元素上的事 件可以在其后代元素上进行使用。live方法的处理机制就是把事件绑定在DOM树的根节点上,而不是直接绑定在某个元素上。
相关文章推荐
- jQuery事件绑定方法bind、 live、delegate和on的区别
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jQuery事件绑定方法bind、 live、delegate和on的区别
- 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- jQuery绑定事件方法及区别(bind,click,on,live,one)
- 解析jQuery的三种bind/One/Live事件绑定使用方法
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jQuery的三种bind/One/Live事件绑定使用方法
- jQuery的三种bind/One/Live事件绑定使用方法
- jQuery事件绑定方法bind、 live、delegate和on的区别
- [TOP]原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jQuery的三种bind/One/Live事件绑定使用方法
- jQuery bind/One/live三种绑定事件方法的区别
- Jquery绑定事件(bind和live的区别介绍)
- Jquery绑定事件(bind和live的区别介绍)
- jQuery中bind/live绑定事件的区别
- Jquery绑定事件(bind和live的区别)
- jquery绑定事件(bind和live的区别)